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.
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.html
strá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.