Что такое Ng-change в Angular JS и как присвоить ему значение?

Привет, давайте узнаем об интересной директиве, представленной в , то есть директива ng-change, само имя частично выдает выполняемую работу. Программисты обычно путают события on-change и ng-change, давайте разберемся сегодня в этом блоге. Сегодня мы рассмотрим следующие темы:

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

Прежде чем продолжить блог, мы сначала кратко рассмотрим, какие директивы есть в AngularJS.

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

Директивы AngularJS - это просто расширенные атрибуты HTML с префиксом «ng-». AngularJS предоставляет набор встроенных директив, которые предлагают различные функции в наши приложения.

AngularJS также позволяет нам определять наши собственные директивы.

Что такое ng-change?

Изменение - это который предназначен для выполнения операций при изменении значения компонента или события. Другими словами,нг-изменениеДиректива сообщает AngularJS, что делать при изменении значения HTML-элемента.

роли и обязанности администратора hadoop

Anнг-модельДиректива требуется директивой ng-change.

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

• Что происходит с событием onChange? Внг-изменениедиректива AngularJS не отменяет исходное событие onchange элемента, какнг-изменениевыражение и исходные события onchange будут выполнены.
• Внг-изменениесобытие запускается при каждом изменении значения. Он не будет ждать, пока будут внесены все изменения или поле ввода потеряет фокус.
• Внг-изменениеСобытие запускается только в том случае, если есть фактическое изменение входного значения, а не если изменение было сделано из JavaScript.
• Эта директива ng-change поддерживается тегами HTML, такими как, и.
• Выражение ngChange оценивается только тогда, когда изменение входного значения вызывает фиксацию нового значения в модели.

Не будет оцениваться:

1. если значение, возвращаемое конвейером преобразования $ parsers, не изменилось
2. если ввод по-прежнему недействителен, так как модель останется нулевой
3. если модель изменяется не входным значением, а программно.

Заметка , эта директива требуетngModelприсутствовать.

Синтаксис:

< элемент нг-изменениезнак равно«Выражение» > элемент >

выражение: определяет выражение, которое выполняется при изменении значения элемента.

Пример:

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

Выход (после 3 изменений)

Пожалуйста, введите в поле ввода:

что такое процедура в sql

Поле ввода менялось 3 раза.

Я надеюсь, что к настоящему времени вы, возможно, получили четкое представление о директиве ng-change, попытаетесь использовать ее в своих программах и посмотрите, сколько вы узнали. Спасибо за прочтение.Я бы порекомендовал вам пройти через это Учебник по Angular Видео плейлист Edureka посмотреть видео и узнать, как работать с приложениями Angular.

Теперь, когда вы знаете директиву Angular, ознакомьтесь с от Edureka, надежной компании по онлайн-обучению с сетью из более чем 250 000 довольных учащихся по всему миру. Angular - это платформа JavaScript, которая используется для создания масштабируемых, корпоративных и высокопроизводительных клиентских веб-приложений. Благодаря широкому распространению фреймворка Angular управление производительностью приложения осуществляется сообществом, что косвенно способствует расширению возможностей трудоустройства. Тренинг по сертификации Angular направлен на охват всех этих новых концепций разработки корпоративных приложений.