Všetko, čo potrebujete vedieť o funkcii hodiniek Angular JS



Tento článok vám poskytne podrobné a komplexné vedomosti o tom, ako implementovať funkciu sledovania Angular JS.

The Funkcie rozsahu JS $ sú niektoré z hlavných funkcií. V tomto článku sa budeme zaoberať funkciou Angular JS watch v nasledujúcom poradí:

Aká je funkcia uhlových hodiniek JS?

Na sledovanie objektu rozsahu sa používa funkcia uhlového sledovania JS $. Hodinky $ sledujú premennú a keď hodnota premennej mení uhlový JS $, čo spúšťa funkciu. Táto funkcia má dva argumenty, jeden je nová hodnota a druhý parameter je stará hodnota.





uhlové js hodinky

Ako používať funkciu uhlového sledovania JS?

Uveďme si jednoduchý príklad toho, čo funkcia hodiniek v uhlovom JS presne robí. Takže v našom uhlovom programe JS sme vytvorili dva súbory, kde index.js je zodpovedný za frontend a app.js je zodpovedný za spracovanie backendu. Tu vytvoríme jednoduchý program s formulárom a tento formulár má vstupné pole. Keď dáme meno do vstupného poľa, výstupná správa nám ukáže starú hodnotu a novú hodnotu.



nastaviť cestu triedy v linuxe

HTML kód

Naša stránka index.html má uhlovú aplikáciu s názvom ngWatchApp a ovládač s názvomwatchController. Potom vytvoríme formulár s názvom vstupného poľa a hodnotou tohto vstupného poľa, ktoré vytlačíme v značke h1 a správa sa vytlačí v

značka.

Príklad uhlových hodiniek Zadajte svoje meno

{{message}}

JavaScriptový kód

V app.js sme vytvorili aplikáciu s názvom ngWatchApp a radič s názvomwatchController. Ďalej definujeme dve premenné v rozsahu s menom, menom a správou a vo funkcii watch odovzdáme dva parametre, jeden je názov poľa, ktoré je ovplyvnené pri zmene a druhý je funkcia, ktorá má tiež dva parametre, nová hodnota a stará hodnota. Nakoniec do premennej správy pripojíme dve hodnoty a to, že sa premenná message zobrazí naindex.htmlstránke.



var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// pridanie premennej rozsahu $ scope.name = '' $ scope.message = '' // pridať hodinky s poľom názvu $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `nový valus je $ {newValue} a stará hodnota je $ {oldValue}'} )})

Kedykoľvek sledujeme funkciu, potom sa táto funkcia volala viackrát podľa prehľadu. Kedykoľvek sa kód spustí, AngularJS odovzdá aktuálny odkaz na $ rozsah ako prvý argument. Nielen to znamená, že môžeme odkazovať na správny rozsah z tela funkcie, ale tiež to, že môžeme sledovať akúkoľvek funkciu, ktorá očakáva odkaz na rozsah $.

plytká kópia vs hlboká kópia java

Takto môžeme v aplikáciách použiť funkciu uhlového js watch () na sledovanie zmien premenných $ scope. Existuje niekoľko ďalších vecí, ktoré pracujú s $ watch, ide o funkciu $ digest (), ktorá iteruje cez všetky hodinky v objekte $ scope, keď$ digest ()iteruje cez hodinky, volá funkciu hodnoty pre každé hodinky. The$ scope. $ apply ()funkcia vezme funkciu ako parameter, ktorý sa vykoná, a potom$ scope. $ digest ()sa volá interne.

Týmto sa dostávame na koniec tohto článku o funkcii hodiniek Angular JS. Ak sa chcete dozvedieť viac o uhlovom rámci, pozrite si naše ktorá prináša živé školenie vedené inštruktorom a skúsenosti s projektmi v reálnom živote. Toto školenie vám pomôže pochopiť Angular do hĺbky a pomôže vám dosiahnuť osvojenie si predmetu.

Máte na nás otázku? Uveďte to v sekcii komentárov „Funkcia Angular JS Watch“ a my sa vám ozveme.