Ce este Ng-change în Angular JS și cum îi atribuiți valoarea?

Bună, să aflăm despre o directivă interesantă prevăzută în , adică directiva ng-change, numele însuși renunță parțial la munca pe care o efectuează. Programatorii se confundă de obicei între evenimente de schimbare și evenimente de schimbare, să clarificăm totul astăzi în acest blog. Subiectele pe care le vom aborda astăzi vor fi:

• Ce este o directivă?
• Ce este ng-change?
• Puncte importante în timpul utilizării directivei ng-change
• Sintaxă
• Exemplu

Înainte de a continua blogul, vom analiza mai întâi ce sunt directivele din AngularJS.

Ce este o directivă?

Directivele AngularJS sunt pur și simplu atribute HTML extinse cu un prefix „ng-”. AngularJS oferă un set de directive încorporate care oferă diverse funcționalități la aplicațiile noastre.

diferența dintre bucătar și marionetă

AngularJS ne permite, de asemenea, să ne definim propriile directive.

Ce este ng-change?

Schimbarea este o care este destinat efectuării operațiilor atunci când se schimbă o valoare sau un eveniment al componentei. Cu alte cuvinte,ng-schimbaredirectiva îi spune lui AngularJS ce trebuie făcut atunci când se schimbă valoarea unui element HTML.

Unng-modeldirectiva este cerută de directiva ng-change.

Puncte importante în timpul utilizării directivei ng-change:

• Ce se întâmplă cu evenimentul onChange?ng-schimbaredirectiva de la AngularJS nu suprascrie evenimentul original de schimbare a elementului, atâtng-schimbareexpresia și evenimentele originale onchange vor fi executate.
• ng-schimbareevenimentul se declanșează la fiecare modificare a valorii. Nu va aștepta ca toate modificările să fie făcute sau ca câmpul de intrare să-și piardă focalizarea.
• ng-schimbareevenimentul este declanșat numai dacă există o modificare reală a valorii de intrare și nu dacă modificarea a fost făcută dintr-un JavaScript.
• Această directivă ng-change este acceptată de etichete HTML cum ar fi,, și.
• Expresia ngChange este evaluată numai atunci când o modificare a valorii de intrare determină angajarea unei noi valori în model.

Nu va fi evaluat:

1. dacă valoarea returnată din conducta de transformare $ parsers nu s-a modificat
2. dacă intrarea a continuat să fie invalidă, deoarece modelul va rămâne nul
3. dacă modelul este modificat nu printr-o valoare de intrare, ci programatic.

Notă , această directivă necesităngModela fi prezent.

Sintaxă:

< element ng-schimbare='expresie' > element >

expresie: specifică o expresie care se execută când se schimbă valoarea unui element.

Exemplu:

 
Vă rugăm să introduceți câmpul de introducere:
 
Câmpul de introducere s-a modificat de {{count}} ori.
angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

Ieșire (după 3 modificări)

Vă rugăm să introduceți câmpul de introducere:

Câmpul de introducere s-a schimbat de 3 ori.

Sper că, până acum, ați putea avea o înțelegere clară a directivei ng-change, încercați să o utilizați în programele dvs. și să vedeți cât ați învățat. Mulțumesc pentru lectură.Ți-aș recomanda să treci prin asta Tutorial unghiular Lista de redare video Edureka pentru a viziona videoclipuri și a învăța cum să lucrați cu aplicațiile Angular.

Acum că cunoașteți directiva angulară, consultați de Edureka, o companie de învățare online de încredere, cu o rețea de peste 250.000 de elevi mulțumiți răspândiți pe tot globul. Angular este un cadru JavaScript care este utilizat pentru a crea aplicații web scalabile, de întreprindere și de performanță din partea clientului. Adoptarea cadrului angular fiind ridicată, managementul performanței aplicației este condus în mod indirect de comunitate, oferind oportunități de muncă mai bune. Instruirea privind certificarea angulară urmărește să acopere toate aceste noi concepte în jurul dezvoltării aplicațiilor pentru întreprinderi.