Što je $ Scope u AngularJS? Vodič s primjerom

Sadržaj:

Anonim

Što je $ opseg u AngularJS?

$ doseg u AngularJS je ugrađeni objekt koji u osnovi veže "kontroler" i "pogled". U opsegu unutar kontrolera mogu se definirati varijable člana kojima se zatim može pristupiti putem pogleda.

Razmotrite primjer u nastavku:

angular.module('app',[]).controller('HelloWorldCntrl'function($scope){$scope.message = "Hello World"});

Objašnjenje koda:

  1. Naziv modula je "app"
  2. Naziv kontrolera je "HelloWorldCntrl"
  3. Objekt opsega glavni je objekt koji se koristi za prosljeđivanje podataka od kontrolera do pogleda.
  4. Varijabla člana dodana je u objekt opsega

Postavljanje ili dodavanje ponašanja

Da bismo reagirali na događaje ili izvršili neku vrstu izračuna / obrade u prikazu, moramo pružiti ponašanje opsegu.

Ponašanja se dodaju objektima opsega kako bi odgovorili na određene događaje koje može pokrenuti Pogled. Jednom kada je ponašanje definirano u kontroleru, njemu se može pristupiti putem pogleda.

Pogledajmo primjer kako to možemo postići.

Guru99

Guru99 Global Event

{{fullName("Guru","99")}}

Objašnjenje koda:

  1. Stvaramo ponašanje pod nazivom "puno ime". Ovo ponašanje je funkcija koja prihvaća 2 parametra (ime, prezime).
  2. Ponašanje zatim vraća spajanje ova dva parametra.
  3. U prikazu nazivamo ponašanje i prosljeđujemo dvije vrijednosti "Guru" i "99" koje se prosljeđuju kao parametri ponašanja.

Ako se naredba uspješno izvrši, sljedeći će se izlaz prikazati kada pokrenete svoj kôd u pregledniku.

Izlaz:

U pregledniku ćete vidjeti spajanje obje vrijednosti Guru & 99 koje su prenesene na ponašanje u kontroleru.

Sažetak

  • Razne varijable člana mogu se dodati u objekt opsega na koje se zatim može referencirati u prikazu.
  • Ponašanje se može dodati radu s događajima koji se generiraju za radnje koje izvršava korisnik.
  • Angularjs $rootScopeje opseg za cijelu aplikaciju. Aplikacija može imati samo jedan $ rootScope i koristi se poput globalne varijable. U Angular JS $ opsezi su podređeni opsezi, a $ rootScope nadređeni opseg