Mi az Ng-változás az Angular JS-ben és hogyan rendelhetünk hozzá értéket?

Szia, ismerkedjünk meg egy érdekes irányelvvel , azaz ng-change direktíva, maga a név részben adja át az általa elvégzett munkát. A programozók általában összezavarodnak az on-változás és az ng-change események között, tisztázzunk ma mindent ebben a blogban. A mai témák a következők lesznek:

• Mi az irányelv?
• Mi az ng-változás?
• Fontos szempontok az ng-change irányelv használatakor
• Szintaxis
• Példa

Mielőtt folytatnánk a blogot, először át kell néznünk, milyen irányelvek vannak az AngularJS-ben.

Mi az irányelv?

Az AngularJS direktívák egyszerűen kibővített HTML attribútumok „ng-’ előtaggal. Az AngularJS beépített irányelveket kínál, amelyek kínálnak különféle funkciók alkalmazásainkhoz.

Az AngularJS lehetővé teszi, hogy meghatározzuk saját irányelveinket is.

Mi az ng-változás?

A változás a amely műveletek végrehajtására szolgál, ha egy alkatrész értékét vagy eseményét megváltoztatja. Más szavakkal,ng-változásirányelv megmondja az AngularJS-nek, mit kell tennie, ha egy HTML elem értéke megváltozik.

rendezze a tömböt c ++ nyelven

Anng-modellirányelvet az ng-változás irányelv előírja.

sort () c ++ formátumban

Fontos pontok az ng-change irányelv használatakor:

• Mi történik az onChange eseményrel? Azng-változásaz AngularJS irányelve nem írja felül az elem eredeti onchange eseményét, mind ang-változáskifejezés és az eredeti onchange események kerülnek végrehajtásra.
• Azng-változásesemény az érték minden változásakor kiváltásra kerül. Nem várja meg az összes módosítás végrehajtását, vagy a beviteli mező elveszíti a fókuszt.
• Azng-változásesemény csak akkor váltódik ki, ha tényleges változás történik a bemeneti értékben, és nem akkor, ha a változást JavaScript-ből hajtották végre.
• Ezt az ng-change irányelvet olyan HTML tagek támogatják, mint a,, és.
• Az ngChange kifejezés csak akkor kerül kiértékelésre, ha a bemeneti érték változása új értéket rendel a modellhez.

Nem értékeljük:

1. ha a $ parsers transzformációs folyamatból visszaadott érték nem változott
2. ha a bemenet továbbra is érvénytelen, mivel a modell null marad
3. ha a modellt nem egy bemeneti érték, hanem programszerűen változtatja meg.

jegyzet , ez az irányelv megkövetelingModeljelen lenni.

Szintaxis:

< elem ng-változás='kifejezés' > elem >

kifejezés: Olyan kifejezést határoz meg, amelyet akkor hajtanak végre, amikor az elem értéke megváltozik.

Példa:

 
Írja be a beviteli mezőbe:
mi van * négyzetméterben
 
A beviteli mező {{count}} alkalommal változott.
angular.module ('App1', []) .controller ('cng1l', ['$ hatókör', function ($ hatókör) {$ hatókör.szám = 0 $ hatókör.myFunc = függvény () {$ hatókör.szám ++} }])

Kimenet (3 változtatás után)

Írja be a beviteli mezőbe:

A beviteli mező háromszor változott.

Remélem, mostanra már egyértelműen megértette az ng-change irányelvet, megpróbálhatja használni a programjaiban, és megnézheti, mennyit tanult. Köszönöm, hogy elolvasta.Azt javasolnám, hogy menjen át ezen Szögletes bemutató Edureka videó lejátszási lista videókat nézni és megtanulni, hogyan kell működni az Angular alkalmazásokkal.

Most, hogy ismeri a szögirányelvet, nézze meg a az Edureka, egy megbízható online tanulási vállalat, amelynek több mint 250 000 elégedett tanulóval rendelkező hálózata elterjedt az egész világon. Az Angular egy JavaScript keretrendszer, amelyet méretezhető, vállalati és teljesítményű kliensoldali webalkalmazások létrehozására használnak. Mivel az Angular framework elfogadása magas, az alkalmazás teljesítménymenedzsmentje a közösség által vezérelt, közvetetten jobb munkalehetőségeket eredményez. Az Angular Certification Training célja ezeknek az új koncepcióknak az áttekintése az Enterprise Application Development körül.