Hva er Ng-endring i Angular JS og hvordan tilordner det verdi til den?

Hei, la oss lære om et interessant direktiv gitt i , dvs. ng-endringsdirektivet, gir selve navnet delvis arbeidet som det utfører. Programmører blir vanligvis forvirret mellom hendelser under endring og ng-endring, la oss fjerne alt i dag i denne bloggen. Temaene vi skal ta opp i dag vil være:

• Hva er et direktiv?
• Hva er ng-change?
• Viktige punkter når du bruker ng-endringsdirektivet
• Syntaks
• Eksempel

Før vi fortsetter med bloggen, vil vi først se raskt på hva direktiver er i AngularJS.

Hva er et direktiv?

AngularJS-direktiver er ganske enkelt utvidede HTML-attributter med prefikset ‘ng-’. AngularJS tilbyr et sett med innebygde direktiver som tilbyr ulike funksjoner til søknadene våre.

hvordan du setter vei for java

AngularJS lar oss også definere våre egne direktiver.

Hva er ng-change?

Endring er en som er ment for å utføre operasjoner når en komponentverdi eller hendelse endres. Med andre ord,ng-forandringdirektivet forteller AngularJS hva du skal gjøre når verdien til et HTML-element endres.

Anng-modelldirektivet kreves av ng-endringsdirektivet.

hadoop admin vs hadoop-utvikler

Viktige punkter når du bruker ng-endringsdirektivet:

• Hva skjer med onChange-arrangementet? Deng-forandringdirektiv fra AngularJS overstyrer ikke elementets opprinnelige onchange-begivenhet, bådeng-forandringuttrykk og de originale endringshendelsene blir utført.
• Deng-forandringhendelse blir utløst ved hver verdiendring. Det vil ikke vente på at alle endringene skal gjøres, eller på at inntastingsfeltet mister fokus.
• Deng-forandringhendelse utløses bare hvis det er en faktisk endring i inngangsverdien, og ikke hvis endringen ble gjort fra et JavaScript.
• Dette ng-endringsdirektivet støttes av HTML-kodene som,, og.
• NgChange-uttrykket evalueres bare når en endring i inngangsverdien fører til at en ny verdi blir forpliktet til modellen.

Det vil ikke bli evaluert:

1. hvis verdien som returneres fra $ parsers transformasjonsrørledningen ikke er endret
2. hvis inngangen fortsatte å være ugyldig, siden modellen vil forbli null
3. hvis modellen ikke endres av en inngangsverdi, men programmatisk.

Merk , dette direktivet kreverngModellå være tilstede.

Syntaks:

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

uttrykk: Den spesifiserer et uttrykk som utføres når verdien til et element endres.

Eksempel:

 
Vennligst skriv inn inndatafeltet:
 
Inndatafeltet er endret {{count}} ganger.
angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

Utgang (etter 3 endringer)

Vennligst skriv inn inndatafeltet:

navnerom i c ++

Inndatafeltet har endret seg 3 ganger.

Jeg håper, nå har du kanskje fått en klar forståelse av ng-endringsdirektivet, prøv å bruke det i programmene dine og se hvor mye du har lært. Takk for at du leste.Jeg vil anbefale deg å gå gjennom dette Vinkelopplæring Edureka videospilleliste å se på videoer og lære å jobbe med Angular-applikasjonene.

Nå som du kjenner vinkeldirektivet, sjekk ut av Edureka, et pålitelig online læringsfirma med et nettverk med mer enn 250 000 fornøyde elever spredt over hele verden. Angular er et JavaScript-rammeverk som brukes til å lage skalerbare, applikasjoner og ytelsesprogrammer på klientsiden. Med adopsjon av kantete rammeverk er ytelsesstyring av applikasjonen indirekte drevet for bedre jobbmuligheter. Angular Certification Training tar sikte på å dekke alle disse nye konseptene rundt Enterprise Application Development.