De JS $-funktioner är några av huvudfunktionerna. I den här artikeln kommer vi att diskutera funktionen Angular JS watch i följande ordning:
Vad är den kantiga JS-klockfunktionen?
Den vinklade JS $ klockfunktionen används för att titta på scope-objektet. $ Klockan håller ett öga på variabeln och när värdet på variabeln ändrar vinkeln JS $ vad som kör en funktion. Denna funktion tar två argument, ett är det nya värdet och en annan parameter är det gamla värdet.
Hur använder jag kantig JS-klockfunktion?
Låt oss ta ett enkelt exempel på vad klockfunktionen i vinkel JS exakt gör. Så i vårt kantiga JS-program skapade vi två filer där index.js ansvarar för frontend och app.js ansvarar för hantering av backend. Här gör vi ett enkelt program med ett formulär och det här formuläret har ett inmatningsfält. När vi ger namnet i inmatningsfältet visar utgångsmeddelandet oss det gamla värdet och det nya värdet.
HTML-kod
Vår index.html-sida har en vinkelapp med namnet ngWatchApp och en styrenhet med namnetwatchController. Sedan skapar vi ett formulär med ett inmatningsfältnamn och värdet på det inmatningsfält vi skriver ut i h1-taggen och meddelandet skrivs ut
märka.
Vinkelövervakningsexempel Ange ditt namn{{meddelande}}
JavaScript-kod
I app.js skapade vi en app med namnet ngWatchApp och en styrenhet med namnetwatchController. Därefter definierar vi de två variablerna i omfång med namn, namn och meddelande och i klockfunktionen passerar vi två parametrar, en är namnet på det fält som påverkas vid ändring och det andra är funktionen som också har två parametrar, nytt värde och gammalt värde. Slutligen lägger vi till två värden i meddelandevariabeln och att meddelandevariabeln visas påindex.htmlsida.
var app = angular.module ('ngWatchApp', []) app.controller ('watchController', funktion ($ scope) {// lägga till scope variabel $ scope.name = '' $ scope.message = '' // add klocka med namnfält $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `new valus är $ {newValue} och gammalt värde är $ {oldValue}`} )})Närhelst vi tittar på en funktion, så kallas den här funktionen flera gånger enligt smältningen. När koden körs skickar AngularJS den aktuella $ scope-referensen som det första argumentet. Det betyder inte bara att vi kan referera till rätt omfång inifrån funktionsorganet, det betyder också att vi kan titta på vilken funktion som helst som förväntar sig en $ scope-referens.
Så här kan vi använda vinkeljs watch () -funktionen i applikationer för att titta på $ scope variabla förändringar. Det finns några andra saker som fungerar med $ watch, dessa är $ digest () -funktionen itererar genom alla klockorna i $ scope-objektet när$ smälta ()itererar över klockorna, det kallar värdefunktionen för varje klocka. De$ scope. $ applicera ()funktionen tar en funktion som en parameter som körs och därefter$ scope. $ digest ()kallas internt.
Med detta kommer vi till ett slut på denna Angular JS-klockfunktionsartikel. Om du vill lära dig mer om Angular framework, kolla in vårt som kommer med instruktörsledad liveutbildning och verklig projektupplevelse. Den här utbildningen hjälper dig att förstå djupgående vinklar och hjälper dig att behärska ämnet.
array sort c ++
Har du en fråga till oss? Vänligen nämna det i kommentarsektionen i ”Angular JS Watch Function” så återkommer vi till dig.