Hva er $ scope i AngularJS?
$ scope i AngularJS er et innebygd objekt som i utgangspunktet binder "kontrolleren" og "visningen". Man kan definere medlemsvariabler i omfanget i kontrolleren som deretter kan nås av visningen.
Tenk på eksemplet nedenfor:
angular.module('app',[]).controller('HelloWorldCntrl'function($scope){$scope.message = "Hello World"});
Kode Forklaring:
- Navnet på modulen er "app"
- Navnet på kontrolleren er "HelloWorldCntrl"
- Scope-objekt er hovedobjektet som brukes til å formidle informasjon fra kontrolleren til visningen.
- Medlemsvariabel lagt til omfangsobjektet
Sette opp eller legge til atferd
For å reagere på hendelser eller utføre en slags beregning / prosessering i visningen, må vi gi oppførsel til omfanget.
Atferd legges til omfangsobjekter for å svare på spesifikke hendelser som kan utløses av visningen. Når oppførselen er definert i kontrolleren, kan den nås av visningen.
La oss se på et eksempel på hvordan vi kan oppnå dette.
Guru99 Guru99 Global Event
{{fullName("Guru","99")}}
Kode Forklaring:
- Vi lager en oppførsel kalt "fullName". Denne oppførselen er en funksjon som godtar to parametere (fornavn, etternavn).
- Oppførselen returnerer deretter sammenkoblingen av disse to parametrene.
- I visningen kaller vi oppførselen og sender inn to verdier av "Guru" og "99" som blir sendt som parametere for atferden.
Hvis kommandoen er utført vellykket, vil følgende utdata vises når du kjører koden din i nettleseren.
Produksjon:
I nettleseren vil du se en sammenkobling av begge verdiene til Guru & 99 som ble overført til oppførselen i kontrolleren.
Sammendrag
- Ulike medlemsvariabler kan legges til omfangsobjektet, som deretter kan refereres til i visningen.
- Atferd kan legges til for å arbeide med hendelser som genereres for handlinger utført av brukeren.
- Angularjs
$rootScopeer omfanget for hele applikasjonen. Et program kan bare ha ett $ rootScope og brukes som en global variabel. I Angular JS $ er omfanget underordnet omfang, og $ rootScope er overordnet omfang