Det JS $-omfangsfunktioner er nogle af hovedfunktionerne. I denne artikel vil vi diskutere Angular JS urfunktionen i følgende rækkefølge:
Hvad er den kantede JS-urfunktion?
Den kantede JS $-urfunktion bruges til at se scope-objektet. $ Uret holder øje med variablen, og da værdien af variablen ændrer den vinklede JS $ hvad der kører en funktion. Denne funktion tager to argumenter, den ene er den nye værdi og en anden parameter er den gamle værdi.
hvad er navneområde i c ++
Hvordan bruger jeg kantet JS-urfunktion?
Lad os tage et simpelt eksempel på, hvad urfunktionen i vinkel-JS gør. Så i vores kantede JS-program oprettede vi to filer der index.js er ansvarlig for frontend og app.js er ansvarlig for håndtering af backend. Her laver vi et simpelt program med en formular, og denne form har et indtastningsfelt. Når vi giver navnet i inputfeltet, viser outputmeddelelsen os den gamle værdi og den nye værdi.
java konvertere binær til decimal
HTML-kode
Vores index.html-side har en kantet app med navnet ngWatchApp og en controller med navnetwatchController. Derefter opretter vi en formular med et indtastningsfeltnavn og værdien af det indtastningsfelt, vi udskriver i h1-tag, og meddelelsen udskrives i
tag.
Vinklet ureksempel Indtast dit navn{{besked}}
JavaScript-kode
I app.js oprettede vi en app med navnet ngWatchApp og en controller med navnetwatchController. Dernæst definerer vi de to variabler i omfang med navnet, navnet og meddelelsen, og i urfunktionen videregiver vi to parametre, den ene er navnet på det felt, der påvirkes ved ændring, og den anden er den funktion, der også har to parametre, ny værdi og gammel værdi. Endelig tilføjer vi to værdier i meddelelsesvariablen, og at meddelelsesvariablen vises påindex.htmlside.
krydse browsertest ved hjælp af selen
var app = angular.module ('ngWatchApp', []) app.controller ('watchController', funktion ($ scope) {// tilføj scope variabel $ scope.name = '' $ scope.message = '' // add ur med navnefelt $ scope. $ watch ('name', funktion (newValue = '', oldValue = '') {$ scope.message = `ny værdi er $ {newValue} og gammel værdi er $ {oldValue}`} )})Når vi ser en funktion, kaldes denne funktion flere gange i henhold til fordøjelsen. Når koden udføres, sender AngularJS den aktuelle $ scope-reference ind som det første argument. Ikke alene betyder det, at vi kan henvise til det rette omfang fra funktionskroppen, det betyder også, at vi kan se enhver funktion, der forventer en $ scope-reference.
Sådan kan vi bruge vinklet js watch () -funktion i applikationer til at se $ scope-ændringer. Der er nogle andre ting, der fungerer med $ watch, disse er $ digest () -funktion itererer gennem alle urene i $ scope-objektet, når$ fordøje ()itererer over ure, det kalder værdifunktionen for hvert ur. Det$ omfang. $ anvendelse ()funktion tager en funktion som en parameter, der udføres, og derefter$ omfang. $ fordøjelse ()kaldes internt.
Med dette kommer vi til slutningen af denne artikel med Angular JS-urfunktion. Hvis du ønsker at lære mere om Angular framework, så tjek vores som kommer med instruktørstyret live træning og projektoplevelse i det virkelige liv. Denne træning hjælper dig med at forstå vinklet i dybden og hjælper dig med at opnå mestring over emnet.
Har du et spørgsmål til os? Nævn det i kommentarfeltet i ”Angular JS Watch-funktion”, og vi vender tilbage til dig.