కోణీయ JS లో Ng- మార్పు అంటే ఏమిటి మరియు దానికి విలువను ఎలా కేటాయించాలి?

హాయ్, అందించిన ఆసక్తికరమైన ఆదేశం గురించి తెలుసుకుందాం , అనగా ng- మార్పు ఆదేశం, పేరు కూడా అది చేసే పనిని పాక్షికంగా ఇస్తుంది. ప్రోగ్రామర్లు సాధారణంగా మార్పు మరియు మార్పు మార్పుల మధ్య గందరగోళానికి గురవుతారు, ఈ బ్లాగులో ఈ రోజు ప్రతిదీ క్లియర్ చేద్దాం. ఈ రోజు మనం తీసుకోబోయే విషయాలు:

• ఆదేశం ఏమిటి?
• Ng- మార్పు అంటే ఏమిటి?
• Ng-change డైరెక్టివ్ ఉపయోగిస్తున్నప్పుడు ముఖ్యమైన పాయింట్లు
• సింటాక్స్
• ఉదాహరణ

బ్లాగుతో కొనసాగడానికి ముందు, మొదట AngularJS లో డైరెక్టివ్స్ ఏమిటో శీఘ్రంగా చూస్తాము.

ఆదేశం ఏమిటి?

AngularJS ఆదేశాలు కేవలం ‘ng-‘ ఉపసర్గతో విస్తరించిన HTML గుణాలు. AngularJS అందించే అంతర్నిర్మిత ఆదేశాల సమితిని అందిస్తుంది వివిధ కార్యాచరణలు మా అనువర్తనాలకు.

AngularJS మన స్వంత ఆదేశాలను నిర్వచించటానికి కూడా అనుమతిస్తుంది.

Ng- మార్పు అంటే ఏమిటి?

మార్పు a ఇది ఒక భాగం విలువ లేదా సంఘటన మారినప్పుడు కార్యకలాపాలను నిర్వహించడానికి ఉద్దేశించబడింది. వేరే పదాల్లో,ng- మార్పుHTML మూలకం యొక్క విలువ మారినప్పుడు ఏమి చేయాలో డైరెక్టివ్ AngularJS కి చెబుతుంది.

ఒకng- మోడల్ng- మార్పు డైరెక్టివ్ ద్వారా డైరెక్టివ్ అవసరం.

Ng- మార్పు ఆదేశాన్ని ఉపయోగిస్తున్నప్పుడు ముఖ్యమైన పాయింట్లు:

• ఆన్ చేంజ్ ఈవెంట్‌కు ఏమి జరుగుతుంది? దిng- మార్పుAngularJS నుండి ఆదేశం మూలకం యొక్క అసలు మార్పిడి సంఘటనను భర్తీ చేయదు, రెండూng- మార్పువ్యక్తీకరణ మరియు అసలు మార్పిడి సంఘటనలు అమలు చేయబడతాయి.
• దిng- మార్పువిలువలోని ప్రతి మార్పు వద్ద ఈవెంట్ ప్రేరేపించబడుతుంది. ఇది అన్ని మార్పులు చేయబడే వరకు లేదా ఇన్పుట్ ఫీల్డ్ దృష్టిని కోల్పోయే వరకు వేచి ఉండదు.
• దిng- మార్పుఇన్పుట్ విలువలో వాస్తవమైన మార్పు ఉంటే మాత్రమే ఈవెంట్ ప్రారంభించబడుతుంది మరియు జావాస్క్రిప్ట్ నుండి మార్పు చేయబడితే కాదు.
• ఈ ng- మార్పు ఆదేశానికి HTML ట్యాగ్‌లు, మరియు.
• ఇన్పుట్ విలువలో మార్పు మోడల్కు కొత్త విలువను కట్టుబడి ఉన్నప్పుడు మాత్రమే ngChange వ్యక్తీకరణ అంచనా వేయబడుతుంది.

ఇది మూల్యాంకనం చేయబడదు:

క్రమబద్ధీకరణ శ్రేణి c ++

1. $ పార్సర్స్ ట్రాన్స్ఫర్మేషన్ పైప్లైన్ నుండి తిరిగి వచ్చిన విలువ మారకపోతే
2. ఇన్పుట్ చెల్లనిదిగా కొనసాగితే, మోడల్ శూన్యంగా ఉంటుంది
3. మోడల్ మార్చబడితే ఇన్పుట్ విలువ ద్వారా కాకుండా ప్రోగ్రామాటిక్ గా.

గమనిక , ఈ ఆదేశానికి అవసరంng మోడల్ప్రస్తుతం ఉండాలి.

సింటాక్స్:

< మూలకం ng- మార్పు=“వ్యక్తీకరణ” > మూలకం >

వ్యక్తీకరణ: ఇది ఒక మూలకం యొక్క విలువ మారినప్పుడు అమలు చేయబడిన వ్యక్తీకరణను నిర్దేశిస్తుంది.

ఉదాహరణ:

 
దయచేసి ఇన్‌పుట్ ఫీల్డ్‌లో టైప్ చేయండి:
 
ఇన్‌పుట్ ఫీల్డ్ {{count}} సార్లు మార్చబడింది.
angular.module ('App1', []) .కంట్రోలర్ ('cng1l', ['$ స్కోప్', ఫంక్షన్ ($ స్కోప్) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

అవుట్పుట్ (3 మార్పుల తరువాత)

దయచేసి ఇన్‌పుట్ ఫీల్డ్‌లో టైప్ చేయండి:

రూల్స్ వెబ్ అప్లికేషన్ పై రూబీ

ఇన్పుట్ ఫీల్డ్ 3 సార్లు మార్చబడింది.

నేను భావిస్తున్నాను, ఇప్పుడు మీకు ng- మార్పు ఆదేశం గురించి స్పష్టమైన అవగాహన వచ్చి ఉండవచ్చు, మీ ప్రోగ్రామ్‌లలో ఉపయోగించడానికి ప్రయత్నించండి మరియు మీరు ఎంత నేర్చుకున్నారో చూడండి. చదివినందుకు ధన్యవాదములు.దీని ద్వారా వెళ్ళమని నేను మీకు సిఫారసు చేస్తాను కోణీయ ట్యుటోరియల్ ఎడురేకా వీడియో ప్లేజాబితా వీడియోలను చూడటానికి మరియు కోణీయ అనువర్తనాలతో ఎలా పని చేయాలో తెలుసుకోవడానికి.

ఇప్పుడు మీకు కోణీయ డైరెక్టివ్ తెలుసు, చూడండి ప్రపంచవ్యాప్తంగా విస్తరించి ఉన్న 250,000 మందికి పైగా సంతృప్తికరమైన అభ్యాసకుల నెట్‌వర్క్‌తో విశ్వసనీయ ఆన్‌లైన్ లెర్నింగ్ సంస్థ ఎడురేకా చేత. కోణీయ అనేది జావాస్క్రిప్ట్ ఫ్రేమ్‌వర్క్, ఇది స్కేలబుల్, ఎంటర్‌ప్రైజ్ మరియు పనితీరు క్లయింట్-సైడ్ వెబ్ అనువర్తనాలను సృష్టించడానికి ఉపయోగించబడుతుంది. కోణీయ ఫ్రేమ్‌వర్క్ స్వీకరణ అధికంగా ఉండటంతో, అనువర్తనం యొక్క పనితీరు నిర్వహణ సమాజానికి పరోక్షంగా మెరుగైన ఉద్యోగ అవకాశాలను అందిస్తోంది. ఎంటర్ప్రైజ్ అప్లికేషన్ డెవలప్మెంట్ చుట్టూ ఈ కొత్త భావనలన్నింటినీ కవర్ చేయడం కోణీయ ధృవీకరణ శిక్షణ.