Što je Ng promjena u Angular JS i kako joj dodijeliti vrijednost?



Ng-change je direktiva u kutnom JS namijenjena izvođenju operacija kada se promijeni vrijednost ili događaj komponente. Sve o tome naučite na primjerima.

Bok, naučimo zanimljivu direktivu koja je dana u , tj. ng-change direktiva, samo ime djelomično odaje posao koji obavlja. Programeri se obično zbune između događaja promjene i promjene promjena, razjasnimo sve danas na ovom blogu. Teme kojima ćemo se danas baviti bit će:

Prije nastavka bloga, prvo ćemo na brzinu pogledati koje su direktive u AngularJS.





Što je direktiva?

AngularJS direktive jednostavno su prošireni HTML atributi s prefiksom 'ng-'. AngularJS nudi set ugrađenih direktiva koje nude razne funkcionalnosti našim aplikacijama.

AngularJS također nam omogućuje da definiramo vlastite direktive.



Što je ng-promjena?

Promjena je a koji je namijenjen izvođenju operacija kada se promijeni vrijednost ili događaj komponente. Drugim riječima,ng-promjenadirektiva govori AngularJS-u što treba učiniti kada se vrijednost HTML elementa promijeni.

Anng-modeldirektiva zahtijeva ng-change direktiva.



Važne točke tijekom korištenja ng-change direktive:

  • Što se događa s događajem onChange? Theng-promjenadirektiva iz AngularJS ne nadjača izvorni događaj izmjene elementa, obje datotekeng-promjenaIzvršit će se izraz i izvorni događaji izmjene.
  • Theng-promjenadogađaj se aktivira pri svakoj promjeni vrijednosti. Neće čekati da se izvrše sve promjene ili da polje za unos izgubi fokus.
  • Theng-promjenadogađaj se pokreće samo ako postoji stvarna promjena ulazne vrijednosti, a ne ako je promjena izvršena iz JavaScript-a.
  • Ovu direktivu o ng promjeni podržavaju HTML oznake poput,, i.
  • Izraz ngChange procjenjuje se samo kada promjena ulazne vrijednosti uzrokuje da nova vrijednost bude dodijeljena modelu.

Neće se ocjenjivati:

  1. ako se vrijednost vraćena iz cjevovoda transformacije $ parsers nije promijenila
  2. ako je unos i dalje bio nevaljan, jer će model ostati nula
  3. ako se model ne promijeni za ulaznu vrijednost već programski.

Bilješka , ova direktiva zahtijevangModelbiti prisutan.

Sintaksa:

< element ng-promjena='izraz' > element >

klasa vs sučelje u javi

izraz: Specificira izraz koji se izvršava kada se vrijednost elementa promijeni.

Primjer:

 

Unesite polje za unos:

Polje za unos promijenjeno je {{count}} puta.

angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }]))

Izlaz (nakon 3 promjene)

Unesite polje za unos:

Polje za unos promijenilo se 3 puta.

Nadam se da ste do sada možda već imali jasnog razumijevanja direktive ng-change, pokušajte je koristiti u svojim programima i provjeriti koliko ste naučili. Hvala na čitanju.Preporučio bih vam da to prođete Kutni vodič Edureka video popis za reprodukciju gledati videozapise i naučiti raditi s aplikacijama Angular.

Sad kad znate Kutnu direktivu, pogledajte Edureka, pouzdane tvrtke za internetsko učenje s mrežom od više od 250 000 zadovoljnih učenika raširenih širom svijeta. Angular je JavaScript okvir koji se koristi za stvaranje skalabilnih, poslovnih i izvedbenih web aplikacija na strani klijenta. Kako je usvajanje Angular framework-a visoko, upravljanje učinkom aplikacije neizravno je vođeno zajednicom, što dovodi do boljih prilika za posao. Trening kutne certifikacije ima za cilj obuhvatiti sve ove nove koncepte oko razvoja poslovnih aplikacija.