Какво е Ng-промяна в Angular JS и как да му присвоите стойност?

Здравейте, нека научим за една интересна директива, предоставена в , т.е. ng-change директива, самото име частично дава работата, която извършва. Програмистите обикновено се бъркат между on-change и ng-change събития, нека изясним всичко днес в този блог. Темите, които ще разгледаме днес, ще бъдат:

• Какво е директива?
• Какво е ng-change?
• Важни моменти при използване на директивата ng-change
• Синтаксис
• Пример

Преди да продължим с блога, първо ще разгледаме набързо какви са директивите в AngularJS.

Какво е директива?

Директивите AngularJS са просто разширени HTML атрибути с префикс ‘ng-’. AngularJS предоставя набор от вградени директиви, които предлагат различни функционалности към нашите приложения.

AngularJS също ни позволява да дефинираме собствените си директиви.

Какво е ng-change?

Промяната е a което е предназначено за извършване на операции при промяна на стойност или събитие на компонент. С други думи,ng-промянадиректива казва на AngularJS какво да прави, когато стойността на HTML елемент се промени.

кой метод на скенер клас чете низ?

Anng-моделдирективата се изисква от директивата ng-change.

намери най-високата стойност в масива java

Важни моменти при използване на директивата ng-change:

• Какво се случва със събитието onChange? Theng-промянадирективата от AngularJS не заменя оригиналното събитие onchange на елемента, кактоng-промянаизраз и оригиналните събития onchange ще бъдат изпълнени.
• Theng-промянасъбитието се задейства при всяка промяна в стойността. Няма да чака всички промени да бъдат направени или полето за въвеждане да загуби фокус.
• Theng-промянасъбитието се задейства само ако има действителна промяна във въведената стойност, а не ако промяната е направена от JavaScript.
• Тази директива ng-change се поддържа от HTML таговете като,, и.
• Изразът ngChange се изчислява само когато промяната на входната стойност доведе до ангажиране на нова стойност към модела.

Той няма да бъде оценен:

1. ако стойността, върната от конвейера за трансформация на $ parsers, не се е променила
2. ако въведеното продължи да е невалидно, тъй като моделът ще остане нулев
3. ако моделът се променя не с входна стойност, а програмно.

Забележка , настоящата директива изискваngModelда присъства.

Синтаксис:

< елемент ng-промяна=„Израз“ > елемент >

израз: Указва израз, който се изпълнява, когато стойността на даден елемент се промени.

Пример:

 
Моля, въведете в полето за въвеждане:
c ++ списък за сортиране
 
Полето за въвеждане се е променило {{count}} пъти.
angular.module ('App1', []) .controller ('cng1l', ['$ scope', function ($ scope) {$ scope.count = 0 $ scope.myFunc = function () {$ scope.count ++} }]))

Изход (след 3 промени)

Моля, въведете в полето за въвеждане:

Полето за въвеждане се е променило 3 пъти.

Надявам се, че вече сте имали ясно разбиране за директивата ng-change, опитайте се да я използвате във вашите програми и да видите колко сте научили. Благодаря за четенето.Бих ви препоръчал да преминете през това Ъглов урок Видео плейлист на Edureka да гледате видеоклипове и да научите как да работите с приложенията Angular.

След като вече знаете ъгловата директива, разгледайте от Edureka, доверена компания за онлайн обучение с мрежа от над 250 000 доволни учащи, разпространени по целия свят. Angular е JavaScript рамка, която се използва за създаване на мащабируеми, корпоративни и ефективни уеб приложения от страна на клиента. Тъй като приемането на Angular framework е високо, управлението на производителността на приложението се управлява косвено от общността, което води до по-добри възможности за работа. Обучението за ъглово сертифициране има за цел да обхване всички тези нови концепции около разработването на корпоративни приложения.