మీరు కొంతకాలంగా కోడింగ్ పరిశ్రమలో ఉంటే, వెబ్ అనువర్తనాల్లో డైనమిక్ వైవిధ్యాలను అభివృద్ధి చేయడం చాలా పని అని మీకు ఇప్పటికే తెలుసు. మీ సంక్లిష్టత స్థాయిని ఉపయోగించడానికి మీరు ఎంచుకున్న ప్రోగ్రామింగ్ ప్లాట్‌ఫారమ్‌పై ఆధారపడి ఉంటుంది, అయితే అదృష్టవశాత్తూ ఈ ఫీట్‌ను కోణీయ 8 మరియు కోణీయ మునుపటి కొన్ని సంస్కరణల్లో సులభంగా సాధించవచ్చు. ఈ వ్యాసంలో, అగ్యులర్ 8 లో ngstyle గురించి చర్చిస్తాము.
కోణీయ 8 లో మూస ఆస్తి సింటాక్స్
కోణీయ 8 తో వచ్చే అన్ని విధులు మరియు మాడ్యూళ్ళను అన్వేషించే లోతుల్లోకి వెళ్ళేముందు, మొదట కోణీయ 8 లోని ఆస్తి వాక్యనిర్మాణాన్ని చూద్దాం మరియు స్వచ్ఛమైన జావాలో రంగు ఆస్తి యొక్క రంగును ఎలా మార్చగలం.
విండోస్ కోసం ఉత్తమ జావా ఐడి
myDiv = document.getElementById ('my-div') myDiv.style.color = 'orange' // దాని లక్షణాల ద్వారా div ని నవీకరించనివ్వండిఅంతర్నిర్మిత గ్రంథాలయాలతో పాటు ఇతర మాడ్యూళ్ళను ఉపయోగించడం ద్వారా కోణీయ 8 లో ఇదే పనిని చేద్దాం.
ప్రాపర్టీ సింటాక్స్ ఉపయోగించి శైలి, ఈ టెక్స్ట్ నారింజ రంగులో ఉంటుంది
సింటాక్స్ {ప్రాపర్టీ use ను ఉపయోగించుకోండి మరియు ఏదైనా కోడ్‌ను సమర్ధవంతంగా సాధించండి మరియు దానికి మార్పులు తక్షణమే చేయండి.
పై ఉదాహరణలో, మేము చేసినది నేరుగా div ఎలిమెంట్ స్టైల్ ప్రాపర్టీని యాక్సెస్ చేస్తుంది. DOM ఆబ్జెక్ట్ మరియు లక్షణంలోని లక్షణాలతో పోలిస్తే, ఇది భిన్నంగా ఉంటుంది.
అంతర్నిర్మిత కోణీయ 8 లక్షణాలను ఉపయోగించి, మనకు నచ్చిన ఏ తరగతికి అయినా CSS అంశాలను జోడించవచ్చు. దీన్ని బాగా అర్థం చేసుకోవడానికి క్రింది ఉదాహరణ చూడండి.
ప్రాపర్టీ సింటాక్స్ ఉపయోగించి CSS క్లాస్, ఈ టెక్స్ట్ నీలం
కోణీయ 8 లో NgClass మరియు NgStyle
ఇది కోణీయ 8 లో ngSyntax మరియు ngClass రెండింటితో అంతర్నిర్మితంగా ఉంది మరియు వీటిని వివిధ ప్రయోజనాలకు అనుగుణంగా ఉపయోగించవచ్చు. ఒక విధంగా అంతర్నిర్మిత గుణకాలు ఇతరులకన్నా క్లిష్టమైన తీగలకు మార్పులను అమలు చేయడానికి చక్కెరను అందిస్తాయి. కోణీయ 8 లోని ngStyle కొరకు వాక్యనిర్మాణాన్ని పరిశీలిద్దాం.
జెంకిన్స్ vs తోలుబొమ్మ vs చెఫ్
ngStyle ఉపయోగించి శైలి
పై ఉదాహరణలో, మా తరగతిలోని బహుళ మూలకాల యొక్క డైనమిక్స్‌ను మార్చడానికి మేము కోణీయ భాషలో ngStyle ను ఉపయోగించాము, అదే సమూహంలో అనేక అంశాలు కలిసి వినియోగదారుని అతని లేదా ఆమె అవసరానికి అనుగుణంగా తరగతిని అనుకూలీకరించడానికి వీలుగా.
పై ఉదాహరణ యొక్క కొనసాగింపు.
ngStyle + ను ఉపయోగించి శైలి -
ఇప్పుడు మీకు ngStyle గురించి తెలుసు, ngStyle యొక్క కొన్ని అంశాలను చూద్దాం.
తరగతుల శ్రేణి తరగతుల స్ట్రింగ్ తరగతుల వస్తువు
కోణీయ భాషలో ng క్లాస్ కూడా మా కోడ్‌లో అనేక విధాలుగా మార్పులు చేయటానికి అనుమతిస్తుంది, తద్వారా డైనమిక్ మార్పులను ngStyle మాదిరిగానే క్షణంలో అమలు చేయవచ్చు.
ఈ రెండింటినీ కలిసి చర్యలో చూడటానికి ఈ క్రింది ఉదాహరణను చూడండి.
'@ కోణీయ / కోర్' p కాంపోనెంట్ ({సెలెక్టర్: 'నా-అనువర్తనం', టెంప్లేట్ యుర్ల్: './app.component.html', స్టైల్‌యూర్ల్స్: ['./app.component.css'] ఎగుమతి తరగతి AppComponent {color = 'pink' size = 16 displayText = 'show-class' కనిపించే = నిజమైన కన్స్ట్రక్టర్ () {} టోగుల్ () {this.visible =! this.visible this.displayText = this.visible? 'షో-క్లాస్': 'హైడ్-క్లాస్'}}కోణీయ 8 లో NgClick
ఇప్పుడు మీకు ngClass మరియు ngStyle రెండింటి యొక్క ప్రాథమిక లక్షణాలు తెలుసు మరియు కోణీయ 8 ప్లాట్‌ఫారమ్‌లో రెండింటినీ ఉపయోగించి రెండింటినీ సాధించవచ్చు, ngClick వాడకాన్ని పరిశీలిద్దాం.
NgClick అంటే ఏమిటి?
ఒక నిర్దిష్ట సంఘటనలో మీరు ప్రోగ్రామ్ యొక్క బహుళ అంశాలను ఒకదానితో ఒకటి బంధించాల్సిన అవసరం ఉంటే, తద్వారా ఒకే పనిని సాధించవచ్చు, అప్పుడు మీరు ngClick ను ఉపయోగించాలి.
AngularJS లో ngClick ఎలా ఉపయోగించబడుతుందో పై ఉదాహరణ. Angular8 విషయానికి వస్తే, అదే మాడ్యూల్ ఉనికిలో లేదు, అందువలన ఈ క్రింది వాటిని ఉపయోగించుకోవాలి.
పైన పేర్కొన్న వాక్యనిర్మాణం Angular8 లో ఈవెంట్ బైండింగ్‌ను సులభతరం చేయడానికి ఉపయోగించబడుతుంది, దీనిలో మేము మొదట కుండలీకరణాలతో పాటు లక్ష్య ఈవెంట్ పేరును నిర్వచించాము మరియు తరువాత కొటేషన్‌లను చేర్చడం ద్వారా ఆపరేటర్‌తో సమానం. ఈ దశలు పూర్తయిన తర్వాత, Angular8 ఈ ఈవెంట్ కోసం ఈవెంట్ హ్యాండ్లర్‌ను ఏర్పాటు చేస్తుంది మరియు ప్రేరేపించినప్పుడు, ఈ ఈవెంట్ అమలు అవుతుంది.
జావాలో సెమాఫోర్లను ఎలా ఉపయోగించాలి
Angular8 అక్కడ ఉన్న అత్యంత ప్రాచుర్యం పొందిన ప్రోగ్రామింగ్ భాషలలో ఒకటి మాత్రమే కాదు, ఇది చాలా డైనమిక్ ఒకటి, దాని విస్తృత లక్షణాలకు కృతజ్ఞతలు. దీనితో, మేము ఎన్‌జిస్టైల్ పై ఈ వ్యాసం కోణీయ కోణంలో వచ్చాము. ఇవి ఎలా పని చేస్తాయనే దానిపై మీకు అవగాహన వచ్చిందని నేను ఆశిస్తున్నాను.
చూడండి ఎడురేకా చేత. కోణీయ అనేది జావాస్క్రిప్ట్ ఫ్రేమ్‌వర్క్, ఇది స్కేలబుల్, ఎంటర్ప్రైజ్ మరియు పనితీరు క్లయింట్-సైడ్ వెబ్ అనువర్తనాలను సృష్టించడానికి ఉపయోగించబడుతుంది. కోణీయ ఫ్రేమ్‌వర్క్ స్వీకరణ అధికంగా ఉండటంతో, అనువర్తనం యొక్క పనితీరు నిర్వహణ సమాజంతో నడిచేది పరోక్షంగా మెరుగైన ఉద్యోగ అవకాశాలను అందిస్తుంది. ఎంటర్ప్రైజ్ అప్లికేషన్ డెవలప్మెంట్ చుట్టూ ఈ కొత్త భావనలన్నింటినీ కవర్ చేయడం కోణీయ ధృవీకరణ శిక్షణ.