Всичко, което трябва да знаете за ъгловата JS функция на часовника



Тази статия ще ви предостави подробни и изчерпателни знания за това как да внедрите функцията за ъглово JS наблюдение.

The JS $ функции на обхвата са някои от основните функции. В тази статия ще обсъдим функцията за наблюдение Angular JS в следния ред:

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

Функцията ъглово JS $ наблюдение се използва за наблюдение на обекта на обхвата. $ Watch следи променливата и тъй като стойността на променливата променя ъгловия JS $, което изпълнява функция. Тази функция приема два аргумента, единият е новата стойност, а другият параметър е старата стойност.





ъглов js часовник

Как да използвам ъглова функция JS часовник?

Нека вземем прост пример за това какво точно прави функцията за наблюдение в ъглова JS. Така че в нашата ъглова JS програма създадохме два файла, там index.js отговаря за интерфейса, а app.js отговаря за обработката на бекенда. Тук правим проста програма с формуляр и тази форма има поле за въвеждане. Когато даваме името в полето за въвеждане, изходното съобщение ни показва старата и новата стойност.



претоварване и заместване в java

HTML код

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

етикет.

Пример за ъглови часовници Въведете вашето име

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

JavaScript код

В app.js създадохме приложение с името ngWatchApp и контролер с иметоwatchController. След това дефинираме двете променливи в обхвата с име, име и съобщение и във функцията за наблюдение предаваме два параметъра, единият е името на полето, което е засегнато при промяна, а другото е функцията, която също има два параметъра, нова стойност и стара стойност. И накрая, добавяме две стойности в променливата на съобщението и че променливата на съобщението е показана наindex.htmlстраница.



var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// добавяне на променлива на обхвата $ scope.name = '' $ scope.message = '' // добавяне часовник с поле за име $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `new valus is $ {newValue} and old value is $ {oldValue}`} )})

Винаги, когато гледаме функция, тази функция се извиква няколко пъти според дайджеста. Винаги, когато кодът се изпълнява, AngularJS предава текущата референция на $ scope като първи аргумент. Това не само означава, че можем да се позовем на правилния обхват от тялото на функцията, но също така означава, че можем да гледаме всяка функция, която очаква препратка към $ scope.

как да прекратя програмата в

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

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

Имате въпрос към нас? Моля, споменете го в раздела за коментари на „Функция Angular JS Watch“ и ние ще се свържем с вас.