Mikä on Ng-muutos kulma-JS: ssä ja miten sille määritetään arvo?

Hei, tutustutaan mielenkiintoiseen direktiiviin eli ng-change -direktiivi, nimi itsessään luovuttaa osittain tekemänsä työn. Ohjelmoijat sekoittuvat yleensä muutos- ja muutostapahtumien välillä. Selvitetään kaikki tämän blogin tänään. Tänään käsittelemämme aiheet ovat:

• Mikä on direktiivi?
• Mikä on ng-muutos?
• Tärkeitä kohtia käytettäessä ng-change -direktiiviä
• Syntaksi
• Esimerkki

Ennen kuin jatkat blogin aloittamista, tutustumme nopeasti siihen, mitkä direktiivit ovat AngularJS: ssä.

Mikä on direktiivi?

AngularJS-direktiivit ovat yksinkertaisesti laajennettuja HTML-määritteitä, joiden etuliite on ng-. AngularJS tarjoaa joukon sisäänrakennettuja direktiivejä, jotka tarjoavat erilaisia ​​toimintoja sovelluksiimme.

AngularJS antaa meille mahdollisuuden määritellä myös omat direktiivimme.

Mikä on ng-muutos?

Muutos on a joka on tarkoitettu toimintojen suorittamiseen, kun komponentin arvoa tai tapahtumaa muutetaan. Toisin sanoen,ng-muutosdirektiivi kertoo AngularJS: lle, mitä tehdä, kun HTML-elementin arvo muuttuu.

mikä on tyypin valu java

Anng-malling-change -direktiivi vaatii direktiivin.

yhdistä lajittelupuu 4 elementtiä

Tärkeitä kohtia käytettäessä ng-change -direktiiviä:

• Mitä tapahtuu onChange-tapahtumalle?ng-muutosAngularJS-direktiivi ei kumoaa elementin alkuperäistä onchange-tapahtumaa, molemmatng-muutoslauseke ja alkuperäiset vaihtotapahtumat suoritetaan.
• ng-muutostapahtuma laukaistaan ​​jokaisessa arvon muutoksessa. Se ei odota kaikkien muutosten tekemistä tai syöttökentän menettämistä.
• ng-muutostapahtuma laukaistaan ​​vain, jos syötearvossa tapahtuu todellinen muutos, eikä jos muutos tehtiin JavaScriptistä.
• Tätä ng-muutosdirektiiviä tukevat HTML-tunnisteet, kuten, ja.
• NgChange-lauseke arvioidaan vain, kun syöttöarvon muutos aiheuttaa uuden arvon sitoutumisen malliin.

Sitä ei arvioida:

1. jos $ parsers -muunnosputkesta palautettu arvo ei ole muuttunut
2. jos syöte jatkoi virheellisyyttä, koska malli pysyy nollaan
3. jos mallia ei muuteta syöttöarvolla vaan ohjelmallisesti.

Huomautus , tämä direktiivi edellyttäängMalliolla läsnä.

Syntaksi:

< elementti ng-muutos='ilmaisu' > elementti >

lauseke: Se määrittää lausekkeen, joka suoritetaan, kun elementin arvo muuttuu.

Esimerkki:

 
Kirjoita syöttökenttään:
siirry toimimaan pythonissa
 
Syöttökenttä on muuttunut {{count}} kertaa.
angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

Tulos (3 muutoksen jälkeen)

Kirjoita syöttökenttään:

Syöttökenttä on muuttunut 3 kertaa.

Toivon, että olet jo saanut selkeän käsityksen ng-change -direktiivistä, yritä käyttää sitä ohjelmissasi ja nähdä, kuinka paljon olet oppinut. Kiitos lukemisesta.Suosittelen sinua käymään läpi tämä Kulmaopastus Edureka-videoiden soittolista katsella videoita ja oppia työskentelemään Angular-sovellusten kanssa.

Nyt kun tiedät kulmadirektiivin, tutustu Edureka, luotettava verkko-oppimisyritys, jolla on yli 250 000 tyytyväisen oppijan verkosto, joka levisi ympäri maailmaa. Angular on JavaScript-kehys, jota käytetään skaalautuvien, yritys- ja suorituskykyisten asiakaspuolen verkkosovellusten luomiseen. Kun kulmakehyksen käyttöönotto on korkea, sovelluksen suorituskyvyn hallinta on yhteisölähtöistä ja välillisesti parempia työmahdollisuuksia. Angular Certification -koulutuksen tarkoituksena on kattaa kaikki nämä uudet konseptit yrityssovellusten kehittämisen ympärillä.