Funcțiile de scop JS $ sunt câteva dintre funcțiile principale. În acest articol, vom discuta despre funcția de ceas Angular JS în următoarea ordine:
Care este funcția de ceas unghiular JS?
Funcția de ceas unghiular JS $ este utilizată pentru a urmări obiectul scopului. Ceasul $ urmărește variabila și pe măsură ce valoarea variabilei modifică JS $ unghiular, ce rulează o funcție. Această funcție are două argumente, unul este noua valoare și un alt parametru este vechea valoare.
Cum se utilizează funcția de ceas JS unghiular?
Să luăm un exemplu simplu despre ceea ce face exact funcția de ceas în JS unghiular. Deci, în programul nostru unghiular JS am creat două fișiere acolo index.js este responsabil pentru frontend și app.js este responsabil pentru gestionarea backend-ului. Aici realizăm un program simplu cu un formular și acest formular are un câmp de intrare. Când dăm numele în câmpul de intrare, mesajul de ieșire ne arată valoarea veche și valoarea nouă.
Cod HTML
Pagina noastră index.html are o aplicație unghiulară cu numele ngWatchApp și un controler cu numelewatchController. Apoi creăm un formular cu un nume de câmp de intrare și valoarea câmpului de intrare pe care îl imprimăm în eticheta h1 și mesajul se imprimă
etichetă.
Exemplu de ceas unghiular Introduceți numele dvs.{{mesaj}}
Cod JavaScript
În app.js am creat o aplicație cu numele ngWatchApp și un controler cu numelewatchController. Apoi, definim cele două variabile în domeniul de aplicare cu numele, numele și mesajul și în funcția de ceas trecem doi parametri, unul este numele câmpului care este afectat la schimbare și altul este funcția care are și doi parametri, valoare nouă și valoare veche. În cele din urmă, adăugăm două valori în variabila mesaj și că variabila mesaj este afișată peindex.htmlpagină.
var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// adăugarea variabilei scope $ scope.name = '' $ scope.message = '' // add ceas cu câmp de nume $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `noul valus este $ {newValue} și valoarea veche este $ {oldValue}`} )})Ori de câte ori vizionăm o funcție, atunci această funcție se numește de mai multe ori în funcție de digest. Ori de câte ori codul se execută, AngularJS transmite referința curentă $ scope ca primul argument. Nu numai că înseamnă că putem face referire la domeniul de aplicare adecvat din corpul funcției, ci înseamnă, de asemenea, că putem urmări orice funcție care așteaptă o referință de $ scope.
Acesta este modul în care putem folosi funcția angulară js watch () în aplicații pentru a urmări modificările variabilei $ scope. Există câteva alte lucruri care funcționează cu $ watch, funcția $ digest () iterează prin toate ceasurile din obiectul $ scope când$ digest ()itera peste ceasuri, apelează funcția de valoare pentru fiecare ceas.$ scope. $ apply ()funcția ia o funcție ca parametru care este executat, iar după aceea$ scope. $ digest ()se cheamă intern.
print_r în php
Cu aceasta, ajungem la sfârșitul acestui articol despre funcția ceasului Angular JS. Dacă doriți să aflați mai multe despre cadrul angular, consultați pagina noastră care vine cu instruire live condusă de instructor și experiență în viața reală a proiectului. Această instruire vă va ajuta să înțelegeți în profunzime Angular și vă va ajuta să obțineți stăpânirea asupra subiectului.
Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii din „Funcția de ceas Angular JS” și vă vom răspunde.