Czym jest zmiana Ng w Angular JS i jak przypisać jej wartość?

Cześć, zapoznajmy się z interesującą dyrektywą zawartą w , czyli dyrektywa ng-change, sama nazwa częściowo zdradza pracę, którą wykonuje. Programiści zwykle mylą się między zdarzeniami on-change i ng-change, wyjaśnijmy dzisiaj wszystko na tym blogu. Tematy, które dziś podejmiemy, to:

• Co to jest dyrektywa?
• Co to jest zmiana ng?
• Ważne punkty podczas korzystania z dyrektywy ng-change
• Składnia
• Przykład

Zanim przejdziemy do bloga, najpierw przyjrzymy się, jakie dyrektywy są w AngularJS.

Co to jest dyrektywa?

Dyrektywy AngularJS to po prostu rozszerzone atrybuty HTML z przedrostkiem „ng-”. AngularJS zapewnia zestaw wbudowanych dyrektyw, które oferują różne funkcjonalności do naszych aplikacji.

AngularJS pozwala nam także definiować własne dyrektywy.

Co to jest zmiana ng?

Zmiana to który jest przeznaczony do wykonywania operacji w przypadku zmiany wartości składnika lub zdarzenia. Innymi słowy,ng-changedyrektywy mówi AngularJS, co zrobić, gdy wartość elementu HTML ulegnie zmianie.

długość tablicy w javascript

Nang-modeljest wymagana przez dyrektywę ng-change.

merge sort c ++ kod źródłowy

Ważne punkty podczas korzystania z dyrektywy ng-change:

• Co się stanie z wydarzeniem onChange? Plikng-changeDyrektywa AngularJS nie zastępuje oryginalnego zdarzenia onchange elementu, zarównong-changewyrażenie i oryginalne zdarzenia onchange zostaną wykonane.
• Plikng-changezdarzenie jest wyzwalane przy każdej zmianie wartości. Nie będzie czekać na wprowadzenie wszystkich zmian lub utratę ostrości pola wprowadzania.
• Plikng-changezdarzenie jest wyzwalane tylko w przypadku rzeczywistej zmiany wartości wejściowej, a nie w przypadku, gdy zmiana została dokonana z poziomu JavaScript.
• Ta dyrektywa ng-change jest obsługiwana przez znaczniki HTML, takie jak, i.
• Wyrażenie ngChange jest oceniane tylko wtedy, gdy zmiana wartości wejściowej powoduje zatwierdzenie nowej wartości w modelu.

Nie będzie oceniany:

1. jeśli wartość zwrócona z potoku transformacji $ parsers nie uległa zmianie
2. jeśli dane wejściowe nadal były nieprawidłowe, ponieważ model pozostanie pusty
3. jeśli model zostanie zmieniony nie przez wartość wejściową, ale programowo.

Uwaga , wymaga tego dyrektywangModelbyć obecnym.

Składnia:

< element ng-change='wyrażenie' > element >

wyrażenie: określa wyrażenie, które jest wykonywane, gdy zmienia się wartość elementu.

Przykład:

 
Wpisz w polu wejściowym:
java konwertuje podwójną na liczbę całkowitą
 
Pole wejściowe zmieniło się {{count}} razy.
angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }])

Wyjście (po 3 zmianach)

Wpisz w polu wejściowym:

Pole wprowadzania zmieniło się 3 razy.

Mam nadzieję, że do tej pory mogłeś już dobrze zrozumieć dyrektywę ng-change, spróbuj użyć jej w swoich programach i zobacz, ile się nauczyłeś. Dziękuje za przeczytanie.Poleciłbym ci przejść przez to Angular Tutorial Lista odtwarzania wideo Edureka aby obejrzeć filmy i dowiedzieć się, jak pracować z aplikacjami Angular.

Teraz, gdy znasz dyrektywę Angular, zapoznaj się z autorstwa Edureka, zaufanej firmy zajmującej się edukacją online, z siecią ponad 250 000 zadowolonych uczniów rozsianych po całym świecie. Angular to framework JavaScript, który służy do tworzenia skalowalnych, korporacyjnych i wydajnych aplikacji internetowych po stronie klienta. Przy wysokim stopniu wykorzystania frameworka Angular zarządzanie wydajnością aplikacji jest zależne od społeczności, która pośrednio zapewnia lepsze możliwości zatrudnienia. Szkolenie w zakresie certyfikacji Angular ma na celu omówienie wszystkich nowych koncepcji dotyczących tworzenia aplikacji korporacyjnych.