Čo je $ scope v AngularJS?
$ scope v AngularJS je zabudovaný objekt, ktorý v podstate viaže „radič“ a „pohľad“. Dá sa definovať členské premenné v rozsahu v rámci radiča, ku ktorým potom možno získať prístup z pohľadu.
Zvážte príklad uvedený nižšie:
angular.module('app',[]).controller('HelloWorldCntrl'function($scope){$scope.message = "Hello World"});
Vysvetlenie kódu:
- Názov modulu je „aplikácia“
- Názov kontrolóra je „HelloWorldCntrl“
- Objekt rozsahu je hlavný objekt, ktorý sa používa na prenos informácií z radiča do pohľadu.
- Členská premenná pridaná do objektu rozsahu
Nastavenie alebo pridanie správania
Aby sme mohli reagovať na udalosti alebo vykonať nejaký druh výpočtu alebo spracovania v zobrazení, musíme poskytnúť chovanie rozsahu.
Správanie sa pridáva k objektom rozsahu ako reakcia na konkrétne udalosti, ktoré môžu byť vyvolané zobrazením. Keď je správanie definované v ovládači, je k nemu prístup z pohľadu.
Pozrime sa na príklad toho, ako to môžeme dosiahnuť.
Guru99 Guru99 Global Event
{{fullName("Guru","99")}}
Vysvetlenie kódu:
- Vytvárame správanie s názvom „fullName“. Toto správanie je funkcia, ktorá akceptuje 2 parametre (meno, priezvisko).
- Správanie potom vráti zreťazenie týchto 2 parametrov.
- V tomto zobrazení voláme správanie a odovzdávame dve hodnoty „Guru“ a „99“, ktoré sa odovzdávajú ako parametre správania.
Ak je príkaz vykonaný úspešne, pri spustení kódu v prehliadači sa zobrazí nasledujúci výstup.
Výkon:
V prehliadači uvidíte zreťazenie oboch hodnôt Guru & 99, ktoré boli odovzdané správaniu v ovládači.
Zhrnutie
- Do objektu rozsahu môžu byť pridané rôzne členské premenné, na ktoré je možné potom v zobrazení odkazovať.
- Správanie je možné pridať k práci s udalosťami, ktoré sa generujú pre akcie vykonávané používateľom.
- Angularjs
$rootScopeje priestor pre celú aplikáciu. Aplikácia môže mať iba jeden $ rootScope a používa sa ako globálna premenná. V Angular JS sú rozsahy $ podradené a $ rootScope je nadradený rozsah