Vad är Ng-förändring i Angular JS och hur tilldelar det värde till det?

Hej, låt oss lära oss om ett intressant direktiv i , dvs. ng-change-direktivet, ger själva namnet delvis det arbete som det utför. Programmerare blir vanligtvis förvirrade mellan händelser under förändring och ng-förändring, låt oss ta bort allt idag i den här bloggen. Ämnen vi kommer att ta upp idag kommer att vara:

• Vad är ett direktiv?
• Vad är ng-förändring?
• Viktiga punkter när du använder ng-change-direktivet
• Syntax
• Exempel

Innan vi fortsätter med bloggen tittar vi först på vilka direktiv som finns i AngularJS.

Vad är ett direktiv?

AngularJS-direktiv är helt enkelt utökade HTML-attribut med prefixet 'ng-'. AngularJS tillhandahåller en uppsättning inbyggda direktiv som erbjuder olika funktioner till våra applikationer.

Med AngularJS kan vi också definiera våra egna direktiv.

Vad är ng-förändring?

Förändring är en som är avsedd för att utföra operationer när ett komponentvärde eller händelse ändras. Med andra ord,ng-förändringdirektivet berättar för AngularJS vad man ska göra när värdet på ett HTML-element ändras.

Ettng-modelldirektivet krävs enligt ng-förändringsdirektivet.

Viktiga punkter när du använder ng-change-direktivet:

• Vad händer med onChange-evenemanget? Deng-förändringdirektivet från AngularJS åsidosätter inte elementets ursprungliga onchange-händelse, bådeng-förändringuttrycket och de ursprungliga onchange-händelserna kommer att köras.
• Deng-förändringhändelse utlöses vid varje förändring i värdet. Det väntar inte på att alla ändringar ska göras eller på att inmatningsfältet tappar fokus.
• Deng-förändringhändelsen utlöses endast om det finns en faktisk förändring av ingångsvärdet, och inte om ändringen gjordes från en JavaScript.
• Detta ng-ändringsdirektiv stöds av HTML-taggar som,, och.
• NgChange-uttrycket utvärderas endast när en förändring av ingångsvärdet gör att ett nytt värde kopplas till modellen.

Det kommer inte att utvärderas:

1. om värdet som returneras från $ parsers transformation pipeline inte har ändrats
2. om ingången fortsatte att vara ogiltig, eftersom modellen förblir null
3. om modellen inte ändras med ett ingångsvärde utan programmatiskt.

Notera , detta direktiv kräverngModellatt vara närvarande.

sortera array i c ++

Syntax:

< element ng-förändring='uttryck' > element >

expression: Den anger ett uttryck som körs när värdet på ett element ändras.

Exempel:

 
Vänligen skriv in inmatningsfältet:
 
Inmatningsfältet har ändrats {{count}} gånger.
angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

Output (Efter 3 ändringar)

Vänligen skriv in inmatningsfältet:

Inmatningsfältet har ändrats tre gånger.

Jag hoppas, nu har du kanske fått en klar förståelse av ng-change-direktivet, försök att använda det i dina program och se hur mycket du har lärt dig. Tack för att du läser.Jag skulle rekommendera dig att gå igenom detta Vinkelhandledning Edureka videospellista för att titta på videor och lära sig att arbeta med Angular-applikationerna.

Nu när du känner till vinkeldirektivet, kolla in av Edureka, ett pålitligt online-lärande företag med ett nätverk av mer än 250 000 nöjda elever spridda över hela världen. Angular är ett JavaScript-ramverk som används för att skapa skalbara webbapplikationer på klientsidan för företag och prestanda. Eftersom antagandet av kantiga ramar är högt, styrs prestationshanteringen av applikationen indirekt och driver bättre jobbmöjligheter. Angular Certification Training syftar till att täcka alla dessa nya koncept kring utveckling av Enterprise Application.