Wat is Ng-change in Angular JS en hoe wordt er waarde aan toegekend?

Hallo, laten we eens kijken naar een interessante richtlijn in , d.w.z. ng-change-richtlijn, de naam zelf verraadt gedeeltelijk het werk dat het uitvoert. Programmeurs raken meestal in de war tussen gebeurtenissen bij verandering en ng-verandering. Laten we vandaag alles bespreken in deze blog. De onderwerpen die we vandaag behandelen, zijn:

• Wat is een richtlijn?
• Wat is ng-verandering?
• Belangrijke punten bij het gebruik van de ng-change-richtlijn
• Syntaxis
• Voorbeeld

Voordat we verder gaan met de blog, zullen we eerst een korte blik werpen op wat de richtlijnen in AngularJS zijn.

Wat is een richtlijn?

AngularJS-richtlijnen zijn simpelweg uitgebreide HTML-attributen met het voorvoegsel ‘ng-’. AngularJS biedt een reeks ingebouwde richtlijnen die verschillende functionaliteiten op onze applicaties.

AngularJS laat ons ook onze eigen richtlijnen bepalen.

Wat is ng-verandering?

Verandering is een die bedoeld is voor het uitvoeren van bewerkingen wanneer een componentwaarde of gebeurtenis wordt gewijzigd. Met andere woorden,ng-veranderingrichtlijn vertelt AngularJS wat te doen als de waarde van een HTML-element verandert.

hoe eclipse voor java in te stellen

Eenng-modelrichtlijn is vereist door de ng-change richtlijn.

Belangrijke punten bij het gebruik van de richtlijn ng-change:

• Wat gebeurt er met de onChange-gebeurtenis? Deng-veranderingrichtlijn van AngularJS heeft geen voorrang op de oorspronkelijke onchange-gebeurtenis van het element, zowel deng-veranderingexpression en de originele onchange-gebeurtenissen worden uitgevoerd.
• Deng-veranderinggebeurtenis wordt geactiveerd bij elke verandering in de waarde. Het zal niet wachten tot alle wijzigingen zijn aangebracht of tot het invoerveld de focus verliest.
• Deng-veranderinggebeurtenis wordt alleen geactiveerd als er een daadwerkelijke wijziging in de invoerwaarde is, en niet als de wijziging is aangebracht vanuit een JavaScript.
• Deze ng-change-richtlijn wordt ondersteund door de HTML-tags zoals, en.
• De ngChange-expressie wordt alleen geëvalueerd wanneer een wijziging in de invoerwaarde ertoe leidt dat een nieuwe waarde wordt vastgelegd in het model.

Het wordt niet geëvalueerd:

1. als de waarde die wordt geretourneerd uit de transformatiepijplijn $ parsers niet is gewijzigd
2. als de invoer ongeldig bleef, omdat het model nul blijft
3. als het model niet wordt gewijzigd door een invoerwaarde, maar programmatisch.

Opmerking vereist deze richtlijnngModelaanwezig zijn.

Syntaxis:

< element ng-verandering='uitdrukking' > element >

expression: Het specificeert een expressie die wordt uitgevoerd wanneer de waarde van een element verandert.

Voorbeeld:

 
Typ in het invoerveld:
 
Het invoerveld is {{count}} keer gewijzigd.
angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

Uitvoer (na 3 wijzigingen)

Typ in het invoerveld:

fibonacci c ++ code

Het invoerveld is 3 keer gewijzigd.

Ik hoop dat je inmiddels een duidelijk begrip hebt gekregen van de ng-change-richtlijn, probeer het in je programma's te gebruiken en kijk hoeveel je hebt geleerd. Bedankt voor het lezen.Ik zou je aanraden om dit door te nemen Angular Tutorial Edureka video-afspeellijst om video's te bekijken en te leren werken met de Angular-applicaties.

Nu u de hoekrichtlijn kent, kunt u de door Edureka, een vertrouwd online leerbedrijf met een netwerk van meer dan 250.000 tevreden leerlingen verspreid over de hele wereld. Angular is een JavaScript-framework dat wordt gebruikt om schaalbare, zakelijke en performante webtoepassingen aan de clientzijde te maken. Omdat Angular framework-acceptatie hoog is, wordt het prestatiebeheer van de applicatie indirect gestuurd door de gemeenschap, wat leidt tot betere kansen op werk. De Angular Certification Training is bedoeld om al deze nieuwe concepten rond Enterprise Application Development te behandelen.