Kas ir Ng izmaiņas leņķiskajā JS un kā tam piešķirt vērtību?



Ng-change ir direktīva leņķiskajā JS, kas paredzēta darbību veikšanai, kad tiek mainīta komponenta vērtība vai notikums. Uzziniet visu par to, izmantojot piemērus.

Sveiki, uzzināsim par interesantu direktīvu, kas sniegta šeit , t.i., ng-change direktīva, pats nosaukums daļēji atdod darbu, ko tas veic. Programmētāji parasti sajaucas ar notikumiem, kas mainās un mainās, mainīsim visu šajā emuārā. Tēmas, kuras šodien pieņemsim, būs:

Pirms turpināt emuāru, vispirms mēs ātri apskatīsim, kādas direktīvas ir AngularJS.





Kas ir direktīva?

AngularJS direktīvas ir vienkārši paplašināti HTML atribūti ar prefiksu ‘ng-’. AngularJS piedāvā iebūvētu direktīvu kopumu, kas piedāvā dažādas funkcionalitātes mūsu lietojumprogrammām.

AngularJS ļauj mums arī definēt savas direktīvas.



Kas ir ng-change?

Pārmaiņas ir a kas domāts darbību veikšanai, kad tiek mainīta komponenta vērtība vai notikums. Citiem vārdiem sakot,ng-izmaiņasdirektīva norāda AngularJS, kā rīkoties, ja mainās HTML elementa vērtība.

Anng-modelisdirektīvu pieprasa direktīva par izmaiņu izmaiņām.



Svarīgi punkti, lietojot direktīvu ng-change:

  • Kas notiek ar onChange notikumu? Theng-izmaiņasAngularJS direktīva neatceļ elementa sākotnējo onchange notikumu, ganng-izmaiņasizteiksme un sākotnējie maiņas notikumi tiks izpildīti.
  • Theng-izmaiņasnotikums tiek aktivizēts ikreiz, kad mainās vērtība. Tas negaidīs, kamēr tiks veiktas visas izmaiņas, vai ievades lauks zaudēs fokusu.
  • Theng-izmaiņasnotikums tiek aktivizēts tikai tad, ja faktiski mainās ievades vērtība, nevis tad, ja izmaiņas veiktas no JavaScript.
  • Šo izmaiņu direktīvu atbalsta HTML tagi, piemēram,, un.
  • Izteiksme ngChange tiek vērtēta tikai tad, ja ievades vērtības maiņas rezultātā modelim tiek piešķirta jauna vērtība.

Tas netiks vērtēts:

vizuālās studijas apmācība iesācējiem
  1. ja no $ parsers transformācijas cauruļvada atgrieztā vērtība nav mainījusies
  2. ja ievade turpināja būt nederīga, jo modelis paliks nulle
  3. ja modeli maina nevis ievades vērtība, bet gan programmatiski.

Piezīme , šī direktīva prasangModelisbūt klāt.

Sintakse:

< elements ng-izmaiņas=“Izteiksme” > elements >

izteiksme: tā norāda izteiksmi, kas tiek izpildīta, mainoties elementa vērtībai.

Piemērs:

 

Lūdzu, ievadiet ievades laukā:

Ievades lauks ir mainījies {{count}} reizes.

angular.module ('App1', []). kontrolieris ('cng1l', ['$ sfēra', funkcija ($ sfēra) {$ sfēra.skaitījums = 0 $ sfēra.myFunc = funkcija () {$ sfēra.skaitījums ++} }])

Rezultāts (pēc 3 izmaiņām)

Lūdzu, ievadiet ievades laukā:

mvc piemērs Java

Ievades lauks ir mainīts 3 reizes.

Es ceru, ka tagad jūs, iespējams, esat guvis skaidru izpratni par ng-change direktīvu, mēģiniet to izmantot savās programmās un uzziniet, cik daudz esat iemācījies. Paldies, ka lasījāt.Es ieteiktu jums to iziet Leņķa apmācība Edureka video atskaņošanas saraksts skatīties videoklipus un uzzināt, kā strādāt ar lietojumprogrammām Angular.

Tagad, kad jūs zināt leņķa direktīvu, pārbaudiet Autors: Edureka, uzticams tiešsaistes mācību uzņēmums ar vairāk nekā 250 000 apmierinātu izglītojamo tīklu visā pasaulē. Angular ir JavaScript ietvars, ko izmanto, lai izveidotu mērogojamas, uzņēmuma un veiktspējas klienta puses tīmekļa lietojumprogrammas. Tā kā leņķa ietvara pieņemšana ir augsta, lietojumprogrammas veiktspējas pārvaldība netieši veicina netiešākas labākas darba iespējas. Leņķiskās sertifikācijas apmācības mērķis ir aptvert visus šos jaunos jēdzienus, kas saistīti ar uzņēmuma lietojumprogrammu izstrādi.