Все, что вам нужно знать о функции часов Angular JS



Эта статья предоставит вам подробные и всесторонние знания о том, как реализовать функцию просмотра Angular JS.

В Функции JS $ scope являются одними из основных. В этой статье мы обсудим функцию просмотра Angular JS в следующем порядке:

Что такое угловая функция часов JS?

Функция angular JS $ watch используется для наблюдения за объектом области. $ Watch следит за переменной, и по мере того, как значение переменной меняет угловой JS $, запускает функцию. Эта функция принимает два аргумента: один - новое значение, а другой параметр - старое значение.





angular js часы

установить путь к классам Java 10

Как использовать функцию просмотра angular JS?

Давайте рассмотрим простой пример того, что именно делает функция часов в angular JS. Итак, в нашей программе angular JS мы создали два файла, где index.js отвечает за интерфейс, а app.js отвечает за обработку внутреннего интерфейса. Здесь мы делаем простую программу с формой, и эта форма имеет поле ввода. Когда мы даем имя в поле ввода, выходное сообщение показывает нам старое значение и новое значение.



Java-сканер получить следующий символ

HTML код

На нашей странице index.html есть приложение angular с именем ngWatchApp и контроллер с именемwatchController. Затем мы создаем форму с именем поля ввода и значением этого поля ввода, которое мы печатаем в теге h1, а сообщение печатается в

тег.

Пример часов Angular Введите свое имя

{{сообщение}}

Код JavaScript

В app.js мы создали приложение с именем ngWatchApp и контроллер с именемwatchController. Затем мы определяем две переменные в области видимости с именем, именем и сообщением, а в функцию наблюдения мы передаем два параметра, один - это имя поля, на которое влияет изменение, а другой - функция, которая также имеет два параметра, новое значение и старое значение. Наконец, мы добавляем два значения в переменную сообщения и чтобы переменная сообщения отображалась вindex.htmlстраница.



использование сканера в java
var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// добавляем переменную области видимости $ scope.name = '' $ scope.message = '' // добавляем часы с полем имени $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `новое значение - $ {newValue}, а старое значение - $ {oldValue}`} )})

Когда мы смотрим на функцию, эта функция вызывается несколько раз в соответствии с дайджестом. Каждый раз, когда код выполняется, AngularJS передает текущую ссылку на $ scope в качестве первого аргумента. Это не только означает, что мы можем ссылаться на правильную область видимости из тела функции, это также означает, что мы можем наблюдать за любой функцией, которая ожидает ссылку на $ scope.

Вот как мы можем использовать функцию angular js watch () в приложениях для отслеживания изменений переменной $ scope. Есть и другие вещи, которые работают с $ watch, это функция $ digest (), которая выполняет итерацию по всем часам в объекте $ scope, когда$ дайджест ()перебирает часы, он вызывает функцию значения для каждого наблюдения. В$ scope. $ apply ()функция принимает функцию в качестве параметра, который выполняется, и после этого$ scope. $ digest ()вызывается внутренне.

На этом мы подошли к концу статьи о функции Angular JS watch Function. Если вы хотите узнать больше о фреймворке Angular, ознакомьтесь с нашими который включает в себя живое обучение под руководством инструктора и реальный проектный опыт. Этот тренинг поможет вам глубже понять Angular и достичь мастерства в этой теме.

Есть вопрос к нам? Пожалуйста, отметьте это в разделе комментариев «Angular JS Watch Function», и мы свяжемся с вами.