Az A JS $ hatókörfüggvények a főbb funkciók. Ebben a cikkben az Angular JS watch funkciót tárgyaljuk a következő sorrendben:
Mi a szögletes JS óra funkció?
A szögletes JS $ watch funkciót a hatókör objektum figyelésére használják. A $ watch figyeli a változót, és ahogy a változó értéke megváltoztatja a függvényt futtató JS $ szöget. Ennek a függvénynek két argumentuma van: az egyik az új érték, a másik pedig a régi.
Hogyan kell használni a szögletes JS óra funkciót?
Vegyünk egy egyszerű példát arra, hogy pontosan mit csinál az órafunkció a szögletes JS-ben. Tehát a szögletes JS programunkban két fájlt hoztunk létre, ahol az index.js felel a frontendért, az app.js pedig a háttérkezelésért. Itt egy egyszerű programot készítünk egy űrlappal, és ennek az űrlapnak van egy beviteli mezője. Amikor megadjuk a nevet a beviteli mezőben, a kimeneti üzenet megmutatja a régi és az új értéket.
__init__ python 3
HTML kód
Az index.html oldalunkon van egy szögletes alkalmazás, amelynek neve ngWatchApp, és egy vezérlővelwatchController
. Ezután létrehozunk egy űrlapot egy bemeneti mező nevével és annak a bemeneti mezőnek az értékével, amelyet h1 címkében nyomtatunk, és az üzenet
címke.
Szögletes karóra példa Írja be a nevét{{üzenet}}
JavaScript kód
Az app.js-ben létrehoztunk egy alkalmazást, amelynek neve ngWatchApp, és egy vezérlővelwatchController
. Ezután meghatározzuk a két változót hatókörben a névvel, névvel és üzenettel, és a watch függvényben két paramétert adunk át, az egyik annak a mezőnek a neve, amelyre a változás hatással van, a másik pedig a két paraméterrel rendelkező függvény, új érték és régi érték. Végül két értéket fűzünk az üzenetváltozóhoz, és hogy az üzenetváltozó megjelenik aindex.html
oldal.
var app = szögletes.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// hatókörváltozó hozzáadása $ scope.name = '' $ scope.message = '' // add figyelés a $ hatókör névmezőjével. $ watch ('név', function (newValue = '', oldValue = '') {$ scope.message = 'az új érték $ {newValue}, a régi érték pedig $ {oldValue}'} )})
Amikor egy funkciót nézünk, akkor ezt a funkciót az emésztés szerint többször is meghívjuk. A kód végrehajtásakor az AngularJS adja át az aktuális $ hatókör referenciát első argumentumként. Ez nem csak azt jelenti, hogy hivatkozhatunk a megfelelő hatókörre a függvénytesten belül, hanem azt is, hogy bármely olyan funkciót megnézhetünk, amely $ hatókörre számít.
linux admin szerepkörök és felelősségek
Így használhatjuk a szögletes js watch () függvényt az alkalmazásokban a $ hatókör változóinak figyelésére. Van néhány más dolog, ami a $ watch-val működik, ezek a $ digest () függvények iterálnak a $ scope objektum összes óráján, amikor$ digest ()
iterál az órák felett, minden óra esetében meghívja az értékfüggvényt. Az$ hatókör. $ apply ()
A function egy függvényt vesz paraméterként, amelyet végrehajtanak, és utána$ hatókör. $ digest ()
belsőleg hívják.
Ezzel véget értünk ennek az Angular JS watch Function cikknek. Ha többet szeretne megtudni az Angular frameworkről, akkor nézze meg a mi oldalunkat amely oktató által vezetett élő képzéssel és valós projekt-tapasztalattal jár. Ez a képzés segít megérteni a szöget mélyebben, és elsajátítja a témát.
Van egy kérdésünk? Kérjük, említse meg az „Angular JS Watch Function” megjegyzés rovatában, és kapcsolatba lépünk Önnel.