Minden, amit tudnia kell az Angular JS karóra funkcióról

Ez a cikk részletes és átfogó ismereteket nyújt Önnek az Angular JS watch függvény megvalósításáról.

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.



szögletes js óra

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.htmloldal.



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.