Co je $ scope v AngularJS?
$ scope v AngularJS je vestavěný objekt, který v zásadě váže „ovladač“ a „pohled“. Lze definovat členské proměnné v oboru v řadiči, ke kterému lze poté přistupovat z pohledu.
Zvažte níže uvedený příklad:
angular.module('app',[]).controller('HelloWorldCntrl'function($scope){$scope.message = "Hello World"});
Vysvětlení kódu:
- Název modulu je „aplikace“
- Název ovladače je „HelloWorldCntrl“
- Objekt oboru je hlavní objekt, který se používá k předávání informací z řadiče do pohledu.
- Členská proměnná přidaná do objektu oboru
Nastavení nebo přidání chování
Abychom mohli reagovat na události nebo provést nějaký druh výpočtu / zpracování v pohledu, musíme poskytnout chování rozsahu.
Chování se přidává k objektům oboru, aby reagovaly na konkrétní události, které mohou být spuštěny v zobrazení. Jakmile je chování definováno v řadiči, lze k němu přistupovat z pohledu.
Podívejme se na příklad, jak toho můžeme dosáhnout.
Guru99 Guru99 Global Event
{{fullName("Guru","99")}}
Vysvětlení kódu:
- Vytváříme chování zvané „fullName“. Toto chování je funkce, která přijímá 2 parametry (jméno, příjmení).
- Chování pak vrátí zřetězení těchto 2 parametrů.
- V pohledu voláme chování a předáváme 2 hodnoty „Guru“ a „99“, které jsou předávány jako parametry chování.
Pokud je příkaz úspěšně proveden, při spuštění kódu v prohlížeči se zobrazí následující výstup.
Výstup:
V prohlížeči uvidíte zřetězení obou hodnot Guru & 99, které byly předány chování v ovladači.
souhrn
- Do objektu oboru lze přidat různé členské proměnné, na které lze v pohledu odkazovat.
- Chování lze přidat pro práci s událostmi, které jsou generovány pro akce prováděné uživatelem.
- Angularjs
$rootScopeje obor pro celou aplikaci. Aplikace může mít pouze jeden $ rootScope a používá se jako globální proměnná. V Angular JS $ scopes are child scopes and $ rootScope is parent scope