Mis on Ng-muutus nurga JS-s ja kuidas sellele väärtust omistada?

Tere, tutvume huvipakkuva direktiiviga , s.o ng-change direktiiv, annab nimi ise osaliselt ära töö, mida ta teeb. Programmeerijad lähevad tavaliselt muutuste ja ng-muutuste vahel segadusse. Selgitame siin blogis täna kõik välja. Täna käsitleme järgmisi teemasid:

• Mis on direktiiv?
• Mis on ng-change?
• Olulised punktid ng-change direktiivi kasutamisel
• Süntaks
• Näide

Enne ajaveebi jätkamist vaatame kõigepealt kiiresti läbi, millised direktiivid on AngularJS-is.

kuidas varjutust üles seada

Mis on direktiiv?

AngularJS-i direktiivid on lihtsalt laiendatud HTML-atribuudid eesliitega ‘ng-’. AngularJS pakub komplekti sisseehitatud direktiive, mis pakuvad mitmesugused funktsioonid meie rakendustele.

AngularJS võimaldab meil määratleda ka oma direktiive.

Mis on ng-change?

Muutus on a mis on mõeldud toimingute tegemiseks, kui komponendi väärtust või sündmust muudetakse. Teisisõnu,ng-muutusdirektiiv ütleb AngularJS-ile, mida teha, kui HTML-elemendi väärtus muutub.

Anng-mudelng-change direktiiv nõuab direktiivi.

Olulised punktid ng-change direktiivi kasutamisel:

• Mis juhtub onChange sündmusega? Theng-muutusAngularJS-i direktiiv ei alista elemendi algset onchange-sündmust, mõlemadng-muutuskäivitatakse avaldis ja algsed vahetussündmused.
• Theng-muutussündmus käivitatakse iga väärtuse muutuse korral. See ei oota kõigi muudatuste tegemist ega sisendvälja fookuse kaotamist.
• Theng-muutussündmus käivitatakse ainult siis, kui sisendväärtuses on tegelik muutus, mitte siis, kui muudatus tehti JavaScripti abil.
• Seda ng-change direktiivi toetavad HTML-märgendid nagu, ja.
• Avaldist ngChange hinnatakse ainult siis, kui sisendväärtuse muutus põhjustab mudeli uue väärtuse sidumise.

Seda ei hinnata:

1. kui $ parseri teisendustorustikust tagastatud väärtus pole muutunud
2. kui sisend on jätkuvalt vale, kuna mudel jääb nulliks
3. kui mudelit ei muudeta sisendväärtuse, vaid programmiliselt.

Märge , nõuab see direktiivngMudelkohal olla.

Süntaks:

< element ng-muutus=“Väljend” > element >

avaldis: See määrab avaldise, mis käivitatakse, kui elemendi väärtus muutub.

Näide:

 
Sisestage sisendväljale:
 
Sisestusvälja on {{count}} korda muudetud.
angular.module ('App1', []). kontroller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

Väljund (pärast 3 muudatust)

Sisestage sisendväljale:

kuidas Pythonis stringe ümber pöörata

Sisendvälja on 3 korda muudetud.

Loodan, et nüüdseks olete saanud selge ülevaate ng-change direktiivist, proovige seda oma programmides kasutada ja vaadake, kui palju olete õppinud. Täname lugemast.Ma soovitaksin teil see läbi teha Nurgaõpetus Edureka video esitusloend videote vaatamiseks ja rakenduste Angular kasutamiseks õppimiseks.

Nüüd, kui teate nurgadirektiivi, vaadake autor Edureka, usaldusväärne veebiõppeettevõte, mille võrgustik koosneb enam kui 250 000 rahulolevast õppijast ja mis levib üle kogu maailma. Angular on JavaScripti raamistik, mida kasutatakse skaleeritavate, ettevõtte ja jõudlusega kliendipoolsete veebirakenduste loomiseks. Kuna nurgaraamistiku kasutuselevõtt on kõrge, on rakenduse tulemuslikkuse haldamine kogukonna poolt juhitud, mis aitab kaudselt kaasa paremaid töövõimalusi. Nurgasertifitseerimise koolituse eesmärk on hõlmata kõiki neid uusi kontseptsioone ettevõtte rakenduste arendamise ümber.