Čo je zmena Ng v Angular JS a ako jej priradiť hodnotu?

Ahoj, poďme sa dozvedieť viac o zaujímavej smernici, ktorá je uvedená v , t. j. smernica o zmene názvu, samotný názov čiastočne vzdáva prácu, ktorú vykonáva. Programátori sa zvyčajne mýlia medzi udalosťami pri zmene a zmenami, všetko si dnes objasníme v tomto blogu. Témami, ktorým sa dnes budeme venovať, budú:

• Čo je to smernica?
• Čo je zmena v ng?
• Dôležité body pri používaní smernice ng-change
• Syntax
• Príklad

Pred pokračovaním v blogu sa najskôr rýchlo pozrieme na to, čo sú smernice v AngularJS.

Čo je to smernica?

Direktívy AngularJS sú jednoducho rozšírené atribúty HTML s predponou „ng-“. AngularJS poskytuje súbor vstavaných smerníc, ktoré ponúkajú rôzne funkcionality k našim aplikáciám.

tutorial vizuálneho štúdia pre začiatočníkov

AngularJS nám tiež umožňuje definovať naše vlastné smernice.

Čo je zmena v ng?

Zmena je a ktorý je určený na vykonávanie operácií pri zmene hodnoty alebo udalosti komponentu. Inými slovami,ng-zmenadirektíva povie AngularJS, čo má robiť, keď sa zmení hodnota prvku HTML.

Anng-modeldirektívu vyžaduje direktíva ng-change.

popis práce vývojára veľkých dát

Dôležité body pri používaní smernice ng-change:

• Čo sa stane s udalosťou onChange? Theng-zmenadirektíva od AngularJS neprepisuje pôvodnú udalosť zmeny prvku, obeng-zmenavýraz a pôvodné udalosti výmeny sa vykonajú.
• Theng-zmenaudalosť sa spustí pri každej zmene hodnoty. Nebude čakať na vykonanie všetkých zmien alebo na stratu pozornosti vstupného poľa.
• Theng-zmenaudalosť sa spustí, iba ak dôjde k skutočnej zmene vstupnej hodnoty, a nie, ak bola zmena vykonaná pomocou JavaScriptu.
• Túto smernicu ng-change podporujú značky HTML ako,, a.
• Výraz ngChange sa vyhodnotí, iba ak zmena vstupnej hodnoty spôsobí, že sa modelu zaviaže nová hodnota.

Nebude sa hodnotiť:

1. ak sa hodnota vrátená z transformačného potrubia $ parsers nezmenila
2. ak bude vstup naďalej neplatný, pretože model zostane neplatný
3. ak sa model nezmení o vstupnú hodnotu, ale programovo.

Poznámka , vyžaduje táto smernicangModelbyť prítomný.

Syntax:

< prvok ng-zmena=„Výraz“ > prvok >

výraz: Určuje výraz, ktorý sa vykoná, keď sa zmení hodnota prvku.

Príklad:

 
Zadajte do vstupného poľa:
 
Vstupné pole sa zmenilo {{count}} -krát.
angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }]))

Výstup (po 3 zmenách)

Zadajte do vstupného poľa:

java previesť dvojité na celé číslo

Zadávacie pole sa zmenilo trikrát.

Dúfam, že teraz už budete mať jasnú predstavu o smernici ng-change, skúste ju použiť vo svojich programoch a uvidíte, koľko ste sa naučili. Vďaka za prečítanie.Odporučil by som vám, aby ste si týmto prešli Uhlový návod Zoznam videí Edureka sledovať videá a naučiť sa pracovať s aplikáciami Angular.

Teraz, keď poznáte uhlovú smernicu, pozrite sa na autor: Edureka, dôveryhodná online vzdelávacia spoločnosť so sieťou viac ako 250 000 spokojných študentov rozmiestnených po celom svete. Angular je rámec JavaScript, ktorý sa používa na vytváranie škálovateľných, podnikových a výkonných webových aplikácií na strane klienta. Pretože je prijatie uhlového rámca vysoké, riadenie výkonu aplikácie je poháňané komunitou nepriamo a prináša lepšie pracovné príležitosti. Cieľom školenia Angular Certification Training je pokryť všetky tieto nové koncepty vývoja podnikových aplikácií.