De JS $-omfangsfunksjoner er noen av hovedfunksjonene. I denne artikkelen vil vi diskutere Angular JS watch-funksjonen i følgende rekkefølge:
typer filtre i tablå
Hva er den kantete JS-klokkefunksjonen?
Den kantede JS $ klokkefunksjonen brukes til å se på omfangsobjektet. $ Klokken holder øye med variabelen, og når verdien av variabelen endrer vinkelen JS $ hva som kjører en funksjon. Denne funksjonen tar to argumenter, det ene er den nye verdien og en annen parameter er den gamle verdien.
Hvordan bruke kantete JS-klokkefunksjon?
La oss ta et enkelt eksempel på hva klokkefunksjonen i kantete JS akkurat gjør. Så i vårt kantete JS-program opprettet vi to filer der index.js er ansvarlig for frontend og app.js er ansvarlig for håndtering av backend. Her lager vi et enkelt program med skjema, og dette skjemaet har et inndatafelt. Når vi gir navnet inn i inndatafeltet, viser utgangsmeldingen oss den gamle verdien og den nye verdien.
HTML-kode
Index.html-siden vår har en kantet app med navnet ngWatchApp og en kontroller med navnetwatchController. Deretter lager vi et skjema med et inndatafeltnavn og verdien på det inndatafeltet vi skriver ut i h1-taggen og meldingen skrives ut i
stikkord.
Vinklet klokkeeksempel Skriv inn navnet ditt{{beskjed}}
JavaScript-kode
I app.js opprettet vi en app med navnet ngWatchApp og en kontroller med navnetwatchController. Deretter definerer vi de to variablene i omfang med navn, navn og melding, og i klokkefunksjonen passerer vi to parametere, den ene er navnet på feltet som påvirkes ved endring, og det andre er funksjonen som også har to parametere, ny verdi og gammel verdi. Til slutt legger vi til to verdier i meldingsvariabelen, og at meldingsvariabelen vises påindex.htmlside.
min sql tutorial for nybegynnere
var app = angular.module ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// legge til omfangsvariabel $ scope.name = '' $ scope.message = '' // add se med navnefelt $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `ny verdi er $ {newValue} og gammel verdi er $ {oldValue}`} )})Hver gang vi ser på en funksjon, så kalles denne funksjonen flere ganger i henhold til fordøyelsen. Når koden kjøres, sender AngularJS inn den gjeldende $ scope-referansen som det første argumentet. Ikke bare betyr det at vi kan referere til riktig omfang fra funksjonsdelen, det betyr også at vi kan se hvilken som helst funksjon som forventer en $ scope-referanse.
Dette er hvordan vi kan bruke vinklet js watch () -funksjon i applikasjoner for å se $ scope-endringer. Det er noen andre ting som fungerer med $ watch disse er $ digest () -funksjonen gjentas gjennom alle klokkene i $ scope-objektet når$ fordøye ()det går over klokkene, det kaller verdifunksjonen for hver klokke. De$ omfang. $ gjelder ()funksjon tar en funksjon som en parameter som utføres, og etter det$ omfang. $ fordøye ()kalles internt.
Med dette kommer vi til en slutt på denne Angular JS watch Function-artikkelen. Hvis du ønsker å lære mer om Angular framework, så sjekk ut vårt som kommer med instruktørledet live-opplæring og reell prosjektopplevelse. Denne opplæringen vil hjelpe deg med å forstå Angular dybdegående og hjelpe deg med å mestre emnet.
Har du et spørsmål til oss? Vennligst nevn det i kommentarfeltet i ”Angular JS Watch Function”, så kommer vi tilbake til deg.