Mikä on $ -alue AngularJS: ssä?
$ -alue AngularJS: ssä on sisäänrakennettu objekti, joka sitoo periaatteessa "ohjaimen" ja "näkymän". Ohjaimen sisällä voidaan määritellä jäsenmuuttujat piirissä, johon näkymä pääsee sitten.
Harkitse alla olevaa esimerkkiä:
angular.module('app',[]).controller('HelloWorldCntrl'function($scope){$scope.message = "Hello World"});
Koodin selitys:
- Moduulin nimi on "sovellus"
- Ohjaimen nimi on "HelloWorldCntrl"
- Laajuusobjekti on pääobjekti, jota käytetään siirtämään tietoja ohjaimelta näkymään.
- Jäsenmuuttuja lisättiin laajuusobjektiin
Käyttäytymisen määrittäminen tai lisääminen
Reagoidaksemme tapahtumiin tai suorittaaksemme jonkinlaisen laskennan / käsittelynäkymässä, meidän on annettava käyttäytyminen soveltamisalaan.
Käyttäytymismallit lisätään laajuusobjekteihin vastaamaan tiettyihin näkymän mahdollisesti laukaisemiin tapahtumiin. Kun käyttäytyminen on määritetty ohjaimessa, siihen pääsee näkymässä.
Katsotaanpa esimerkkiä siitä, miten voimme saavuttaa tämän.
Guru99 Guru99 Global Event
{{fullName("Guru","99")}}
Koodin selitys:
- Luomme käyttäytymistä nimeltä "fullName". Tämä toiminto on toiminto, joka hyväksyy kaksi parametria (etunimi, sukunimi).
- Käyttäytyminen palauttaa sitten näiden kahden parametrin ketjutuksen.
- Näkymässä kutsumme käyttäytymistä ja välitetään kaksi arvoa "Guru" ja "99", jotka välitetään parametriksi käyttäytymiselle.
Jos komento suoritetaan onnistuneesti, seuraava tulos näkyy, kun suoritat koodisi selaimessa.
Tuotos:
Selaimessa näet molemmat Guru & 99 -arvot, jotka välitettiin ohjaimen käyttäytymiseen.
Yhteenveto
- Laajuusobjektiin voidaan lisätä erilaisia jäsenmuuttujia, joihin voidaan sitten viitata näkymässä.
- Käyttäytyminen voidaan lisätä toimimaan tapahtumien kanssa, jotka syntyvät käyttäjän suorittamille toiminnoille.
- Angularjs
$rootScopeon koko sovelluksen laajuus. Sovelluksella voi olla vain yksi $ rootScope ja sitä käytetään kuten globaalia muuttujaa. Kulmassa JS: ssä $ -piirit ovat alatasoja ja $ rootScope on ylätaso