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:
- Što je direktiva?
- Što je ng-promjena?
- Važne točke tijekom korištenja ng-change direktive
- Sintaksa
- Primjer
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:
- ako se vrijednost vraćena iz cjevovoda transformacije $ parsers nije promijenila
- ako je unos i dalje bio nevaljan, jer će model ostati nula
- 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.