Vše, co potřebujete vědět o funkci Angular JS watch



Tento článek vám poskytne podrobné a komplexní znalosti o tom, jak implementovat funkci Angular JS watch.

The Funkce JS $ scope jsou některé z hlavních funkcí. V tomto článku probereme funkci hodinek Angular JS v následujícím pořadí:

Co je úhlová funkce hodinek JS?

Funkce Angular JS $ watch se používá ke sledování objektu oboru. Hodinky $ sledují proměnnou a jak hodnota proměnné mění úhlové JS $, co spouští funkci. Tato funkce má dva argumenty, jeden je nová hodnota a druhý parametr je stará hodnota.





úhlové hodinky js

Jak používat funkci úhlového sledování JS?

Uveďme jednoduchý příklad toho, co přesně funkce hodinek v úhlovém JS dělá. Takže v našem úhlovém JS programu jsme vytvořili dva soubory, kde index.js je zodpovědný za frontend a app.js je zodpovědný za zpracování backendu. Zde vytvoříme jednoduchý program s formulářem a tento formulář má vstupní pole. Když zadáme jméno do vstupního pole, výstupní zpráva nám ukáže starou hodnotu a novou hodnotu.



součet číslic v Javě

HTML kód

Naše stránka index.html má úhlovou aplikaci s názvem ngWatchApp a ovladač s názvemwatchController. Poté vytvoříme formulář s názvem vstupního pole a hodnotou tohoto vstupního pole, které vytiskneme ve značce h1 a zpráva se vytiskne

štítek.

Příklad úhlových hodinek Zadejte své jméno

{{zpráva}}

Kód JavaScript

V app.js jsme vytvořili aplikaci s názvem ngWatchApp a ovladač s názvemwatchController. Dále definujeme dvě proměnné v oboru se jménem, ​​jménem a zprávou a ve funkci sledování předáme dva parametry, jeden je název pole, které je ovlivněno při změně a druhý je funkce, která má také dva parametry, nová hodnota a stará hodnota. Nakonec přidáme dvě hodnoty do proměnné zprávy a proměnná zprávy se zobrazí naindex.htmlstrana.



var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// přidání proměnné oboru $ scope.name = '' $ scope.message = '' // přidat hodinky s polem názvu $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `new valus is $ {newValue} and old value is $ {oldValue}`} )})

Kdykoli sledujeme funkci, pak tato funkce volala několikrát podle přehledu. Kdykoli se kód spustí, AngularJS předá aktuální odkaz na $ obor jako první argument. Nejen, že to znamená, že můžeme odkazovat na správný rozsah z těla funkce, ale také to, že můžeme sledovat jakoukoli funkci, která očekává odkaz na $ obor.

k moci v Javě

Takto můžeme v aplikacích použít funkci úhlové js watch () ke sledování změn proměnných $ scope. Existuje několik dalších věcí, které fungují s $ watch, jedná se o funkci $ digest (), která iteruje všemi hodinkami v objektu $ scope, když$ digest ()iteruje přes hodinky, volá funkci hodnoty pro každé hodinky. The$ scope. $ apply ()function vezme funkci jako parametr, který se provede, a poté$ scope. $ digest ()se nazývá interně.

S tímto se dostáváme ke konci tohoto článku Funkce sledování hodin Angular JS. Pokud se chcete dozvědět více o Angular framework, podívejte se na náš který přichází s živým tréninkem vedeným instruktorem a zkušenostmi z reálného projektu. Toto školení vám pomůže porozumět Angular do hloubky a pomůže vám dosáhnout mistrovství v předmětu.

Máte na nás dotaz? Uveďte to prosím v sekci komentářů „Funkce úhlového sledování JS“ a my se vám ozveme.