Kas yra Ng pokytis kampiniame JS ir kaip jam priskirti vertę?

Ng-change yra kampinio JS direktyva, skirta operacijoms atlikti pakeitus komponento vertę ar įvykį. Sužinokite viską apie tai su pavyzdžiais.

Sveiki, sužinokime apie pateiktą įdomią direktyvą , t. y. „ng-change“ direktyva, pats pavadinimas iš dalies atiduoda jo atliekamą darbą. Programuotojai paprastai painiojasi dėl pokyčių ir pokyčių įvykių, viską išaiškinkime šiandien šiame tinklaraštyje. Šiandien aptarsime temas:

Prieš tęsdami tinklaraščio naudojimą, mes greitai apžvelgsime, kokios direktyvos yra „AngularJS“.





Kas yra direktyva?

„AngularJS“ direktyvos yra tiesiog išplėstiniai HTML atributai su priešdėliu „ng-‘. „AngularJS“ pateikia integruotų direktyvų rinkinį, kuris siūlo įvairių funkcijų mūsų programoms.

„AngularJS“ taip pat leidžia mums apibrėžti savo pačių direktyvas.



Kas yra „ng-change“?

Pokyčiai yra a kuri skirta operacijoms atlikti pakeitus komponento vertę ar įvykį. Kitaip tariant,ng-pokytisdirektyva nurodo AngularJS, ką daryti pakeitus HTML elemento vertę.

modelio rodinio valdiklio java pavyzdys

Anng-modelisdirektyvą reikalaujama pakeisti direktyvą.



kaip sukurti susietą sąrašą c

Svarbūs dalykai naudojant „ng-change“ direktyvą:

  • Kas nutinka „onChange“ renginyje?ng-pokytis„AngularJS“ direktyva nepanaikina elemento pradinio keitimosi įvykio, tiekng-pokytisišraiška ir originalūs keitimosi įvykiai bus vykdomi.
  • ng-pokytisįvykis suaktyvinamas kiekvieną kartą pakeitus vertę. Ji nelauks, kol bus atlikti visi pakeitimai, arba įvesties laukas neteks dėmesio.
  • ng-pokytisįvykis suaktyvinamas tik tuo atveju, jei yra tikrasis įvesties vertės pokytis, o ne jei pakeitimas buvo atliktas naudojant „JavaScript“.
  • Šią „ng-change“ direktyvą palaiko HTML žymos, pvz., Ir.
  • Išraiška ngChange vertinama tik tada, kai pasikeitus įvesties vertei, modeliui priskiriama nauja reikšmė.

Ji nebus įvertinta:

  1. jei iš $ parsers transformacijos vamzdyno grąžinta vertė nepasikeitė
  2. jei įvestis ir toliau buvo neteisinga, nes modelis išliks nulinis
  3. jei modelis keičiamas ne įvesties reikšme, o programiškai.

Pastaba , šioje direktyvoje reikalaujamangModelisbūti šalia.

Sintaksė:

< elementas ng-pokytis='išraiška' > elementas >

išraiška: Nurodo išraišką, kuri vykdoma pasikeitus elemento vertei.

Pavyzdys:

 

Įveskite lauką:

metodo perkrovos ir metodo nepaisymo skirtumas

Įvesties laukas pasikeitė {{count}} kartus.

angular.module ('App1', []). kontroleris ('cng1l', ['$ sritis', funkcija ($ sritis) {$ sritis.count = 0 $ sritis.myFunc = funkcija () {$ sritis.count ++} }])

Išvestis (po 3 pakeitimų)

Įveskite lauką:

Įvesties laukas pasikeitė 3 kartus.

Tikiuosi, kad jau galėjote aiškiai suprasti „ng-change“ direktyvą, pabandykite ją naudoti savo programose ir pamatyti, kiek išmokote. Ačiū, kad skaitėte.Aš jums rekomenduočiau tai išgyventi Kampinė pamoka „Edureka“ vaizdo įrašų grojaraštis žiūrėti vaizdo įrašus ir sužinoti, kaip dirbti su „Angular“ programomis.

Dabar, kai žinote kampinę direktyvą, patikrinkite sukūrė „Edureka“ - patikima internetinė mokymosi įmonė, turinti daugiau nei 250 000 patenkintų besimokančiųjų tinklą. „Angular“ yra „JavaScript“ sistema, naudojama kurti keičiamo dydžio, įmonės ir našumo kliento žiniatinklio programas. Kadangi „Angular Framework“ pritaikymas yra aukštas, programos našumo valdymas yra netiesiogiai skatinamas geresnių darbo galimybių. „Angular Certification Training“ tikslas yra aptarti visas šias naujas įmonių programų kūrimo koncepcijas.