Hvad er Ng-ændring i Angular JS, og hvordan tildeles værdi til det?

Ng-ændring er et direktiv i kantet JS beregnet til at udføre operationer, når en komponentværdi eller begivenhed ændres. Lær alt om det med eksempler.

Hej, lad os lære om et interessant direktiv, der er beskrevet i , dvs. ng-ændringsdirektivet, giver selve navnet delvist det arbejde, det udfører. Programmører bliver normalt forvirrede mellem hændelser under ændring og ng-ændring, lad os rydde alt i dag i denne blog. De emner, vi vil tage op i dag, vil være:



Før vi fortsætter med bloggen, vil vi først se hurtigt på, hvad direktiver er i AngularJS.



Hvad er et direktiv?

AngularJS-direktiver er simpelthen udvidede HTML-attributter med et præfiks 'ng-'. AngularJS leverer et sæt indbyggede direktiver, der tilbyder forskellige funktioner til vores applikationer.

AngularJS lader os også definere vores egne direktiver.



Hvad er ng-change?

Ændring er en som er beregnet til at udføre operationer, når en komponentværdi eller hændelse ændres. Med andre ord,ng-forandringdirektivet fortæller AngularJS hvad man skal gøre, når værdien af ​​et HTML-element ændres.

Anng-modeldirektiv kræves af ng-ændringsdirektivet.



Vigtige punkter, når du bruger ng-change-direktivet:

  • Hvad sker der med onChange-begivenhed? Detng-forandringdirektiv fra AngularJS tilsidesætter ikke elementets oprindelige onchange-begivenhed, bådeng-forandringekspression og de originale onchange-begivenheder vil blive udført.
  • Detng-forandringbegivenhed udløses ved hver ændring i værdien. Det venter ikke på, at alle ændringer skal foretages, eller at inputfeltet mister fokus.
  • Detng-forandringbegivenhed udløses kun, hvis der er en faktisk ændring i inputværdien, og ikke hvis ændringen blev foretaget fra et JavaScript.
  • Dette ng-ændringsdirektiv understøttes af HTML-tags som,, og.
  • NgChange-udtrykket evalueres kun, når en ændring i inputværdien får en ny værdi til at blive forpligtet til modellen.

Det evalueres ikke:

def __init__ python
  1. hvis værdien, der returneres fra transformationsrørledningen $ parsers, ikke er ændret
  2. hvis input fortsatte med at være ugyldigt, da modellen forbliver nul
  3. hvis modellen ikke ændres med en inputværdi, men programmatisk.

Bemærk , dette direktiv kræverngModelat være tilstede.

Syntaks:

< element ng-forandring='udtryk' > element >

udtryk: Det angiver et udtryk, der udføres, når værdien af ​​et element ændres.

Eksempel:

 

Indtast venligst indtastningsfeltet:

Indtastningsfeltet er ændret {{count}} gange.

angular.module ('App1', []) .controller ('cng1l', ['$ scope', funktion ($ scope) {$ scope.count = 0 $ scope.myFunc = funktion () {$ scope.count ++} }])

Output (efter 3 ændringer)

Indtast venligst indtastningsfeltet:

har en vs er en java

Indtastningsfeltet er ændret 3 gange.

Jeg håber, at du nu måske har fået en klar forståelse af ng-ændringsdirektivet, prøv at bruge det i dine programmer og se, hvor meget du har lært. Tak for læsningen.Jeg vil anbefale dig at gennemgå dette Vinkelvejledning Edureka video afspilningsliste at se videoer og lære at arbejde med Angular-applikationerne.

Nu hvor du kender vinkeldirektivet, skal du tjekke af Edureka, et pålideligt online læringsfirma med et netværk på mere end 250.000 tilfredse elever spredt over hele kloden. Angular er en JavaScript-ramme, der bruges til at oprette skalerbare, virksomheds- og performance-klientsides webapplikationer. Da vedtagelsen af ​​kantede rammer er høj, er effektivitetsstyring af applikationen samfundsdrevet indirekte, hvilket giver bedre jobmuligheder. Angular Certification Training sigter mod at dække alle disse nye koncepter omkring Enterprise Application Development.