JS $ -sovellustoiminnot ovat joitain päätoimintoja. Tässä artikkelissa käsitellään Angular JS -kellotoimintoa seuraavassa järjestyksessä:
Mikä on kulmikas JS-kellotoiminto?
Kulmaista JS $ -kellotoimintoa käytetään tarkkailulaajuusobjektin katseluun. $ -Kello pitää silmällä muuttujaa ja muuttujan arvon muuttaessa kulmaa JS $, joka suorittaa funktion. Tässä funktiossa on kaksi argumenttia: yksi on uusi arvo ja toinen parametri on vanha arvo.
mitä skanneri tekee java
Kuinka käyttää kulmaista JS-kellotoimintoa?
Otetaan yksinkertainen esimerkki siitä, mitä kulma-JS: n kellotoiminto tarkalleen tekee. Joten olemme luoneet kulmikkaassa JS-ohjelmassa kaksi tiedostoa. Index.js vastaa käyttöliittymästä ja app.js vastaa backendin käsittelystä. Täällä tehdään yksinkertainen ohjelma lomakkeella ja tällä lomakkeella on syöttökenttä. Kun annamme nimen syöttökenttään, lähtöviesti näyttää vanhan arvon ja uuden arvon.
HTML-koodi
Index.html -sivullamme on kulmikas sovellus, jonka nimi on ngWatchApp, ja ohjain, jolla on nimiwatchController. Sitten luodaan lomake, jossa on syöttökentän nimi ja tulokentän arvo, jonka tulostamme h1-tunnisteessa ja viesti tulostetaan
tag.
Kulmakellon esimerkki Anna nimesi{{viesti}}
JavaScript-koodi
Sovelluksessa app.js loimme sovelluksen nimeltä ngWatchApp ja ohjaimen nimeltäwatchController. Seuraavaksi määritellään kaksi muuttujaa laajuudella nimellä, nimellä ja viestillä, ja kellotoiminnossa välitetään kaksi parametria, yksi on kentän nimi, johon muutos vaikuttaa, ja toinen on funktio, jolla on myös kaksi parametria, uusi arvo ja vanha arvo. Lopuksi lisätään kaksi arvoa sanomuuttujaan ja että sanomuuttuja näkyyindex.htmlsivu.
var app = kulmamoduuli ('ngWatchApp', []) app.controller ('watchController', function ($ scope) {// laajennuksen muuttujan $ scope.name = '' $ scope.message = '' // lisääminen katsella nimikentällä $ scope. $ watch ('name', function (newValue = '', oldValue = '') {$ scope.message = `uusi arvo on $ {newValue} ja vanha arvo on $ {oldValue}`} )})Aina kun katsomme toimintoa, tätä toimintoa kutsutaan useita kertoja sulatuksen mukaan. Aina kun koodi suoritetaan, AngularJS välittää nykyisen $ -alueen viitteen ensimmäisenä argumenttina. Se ei tarkoita vain sitä, että voimme viitata oikeaan laajuuteen funktion rungosta, se tarkoittaa myös sitä, että voimme katsella mitä tahansa toimintoa, joka odottaa $ -ulottuvuutta.
Näin voimme käyttää kulma-js watch () -toimintoa sovelluksissa katsellaksemme $ -alueen muuttujien muutoksia. On joitain muita asioita, jotka toimivat $ watch: n kanssa, nämä ovat $ digest () -toiminto iteroi kaikkien $ scope-objektin kellojen läpi, kun$ digest ()iteroituu kellojen yli, se kutsuu arvon jokaiselle kellolle.$ soveltamisala. $ sovelletaan ()function ottaa funktion parametrina, joka suoritetaan ja sen jälkeen$ soveltamisala. $ digest ()kutsutaan sisäisesti.
mvc-suunnittelu kuvio java
Tämän myötä olemme päässeet tämän Angular JS -kellotoimintoa koskevan artikkelin loppuun. Jos haluat oppia lisää kulmakehyksestä, tutustu meidän joka sisältää ohjaajan vetämän live-koulutuksen ja tosielämän projektikokemuksen. Tämä koulutus auttaa sinua ymmärtämään kulma syvällisesti ja auttaa saavuttamaan aiheen hallinnan.
Onko sinulla kysymys meille? Mainitse se ”Angular JS Watch Function” -kommenttiosassa ja palaamme sinuun.