Mi az a $ hatókör az AngularJS-ben?
Az AngularJS $ hatóköre egy beépített objektum, amely alapvetően köti a "vezérlőt" és a "nézetet". A vezérlőn belül meghatározhat tagváltozókat, amelyekhez ezután a nézet hozzáférhet.
Tekintsük az alábbi példát:
angular.module('app',[]).controller('HelloWorldCntrl'function($scope){$scope.message = "Hello World"});
Kód Magyarázat:
- A modul neve "app"
- A vezérlő neve: "HelloWorldCntrl"
- A Scope objektum az a fő objektum, amelyet arra használnak, hogy információkat továbbítson a vezérlőtől a nézetig.
- Tag változó hozzáadva a hatókör objektumhoz
Viselkedés beállítása vagy hozzáadása
Az eseményekre reagáláshoz vagy valamilyen számítás / feldolgozás végrehajtásához a Nézetben meg kell adnunk a hatókör viselkedését.
Viselkedések hozzáadódnak a hatókör-objektumokhoz, hogy reagáljanak a Nézet által kiváltott konkrét eseményekre. Miután a viselkedés meg van határozva a vezérlőben, a nézet hozzáférhet hozzá.
Nézzünk meg egy példát arra, hogyan érhetjük el ezt.
Guru99 Guru99 Global Event
{{fullName("Guru","99")}}
Kód Magyarázat:
- "FullName" nevű viselkedést hozunk létre. Ez a viselkedés egy olyan funkció, amely 2 paramétert fogad (keresztnév, vezetéknév).
- Ezután a viselkedés visszaadja e 2 paraméter összefűzését.
- Ebben a nézetben hívjuk a "Guru" és a "99" viselkedését és 2 értékének átadását, amelyet paraméterként adunk át a viselkedéshez.
A parancs sikeres végrehajtása esetén a következő kimenet jelenik meg, amikor a böngészőben futtatja a kódot.
Kimenet:
A böngészőben meglátja a Guru & 99 értékeinek összefűzését, amelyeket a vezérlő viselkedésének adtak át.
Összegzés
- Különböző tagváltozók hozzáadhatók a hatókörobjektumhoz, amelyekre ezután hivatkozni lehet a nézetben.
- A viselkedés hozzáadható a felhasználó által végrehajtott műveletekhez létrehozott eseményekhez.
- Az angularjs
$rootScopea teljes alkalmazás hatóköre. Egy alkalmazás csak egy $ rootScope-tal rendelkezhet, és globális változóhoz hasonlóan használható. Szögletes JS-ben a $ hatókörök gyermek hatókörök, a $ rootScope pedig szülő hatókör