Co je $Scope v AngularJS? Výukový program s funkcí (příklady)

Co je $scope v AngularJS?

$scope v AngularJS je vestavěný objekt, který v podstatě spojuje „kontrolér“ a „pohled“. V rámci ovladače lze definovat členské proměnné v rozsahu, ke kterým pak může mít přístup pohled.

Zvažte příklad níže:

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

Code Vysvětlení:

Název modulu je „app“
Název ovladače je „HelloWorldCntrl“
Objekt rozsahu je hlavním objektem, který se používá k předávání informací z ovladače do pohledu.
Členská proměnná přidána 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 danému rozsahu poskytnout chování.

Chování se přidávají k objektům rozsahu, aby reagovali na konkrétní události, které mohou být spuštěny pohledem. Jakmile je chování definováno v ovladači, může k němu mít přístup pohled.

Podívejme se na příklad, jak toho můžeme dosáhnout.

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta chrset="UTF 8">
    <title>Guru99</title>     
</head>  
<body ng-app="DemoApp">
<h1> Guru99 Global Event</h1>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<div ng-controller="DemoController">
	{{fullName("Guru","99")}}
</div>
<script type="text/javascript">  
	var app = angular.module("DemoApp", []);
	app.controller("DemoController", function($scope) {
    
    $scope.fullName=function(firstName,lastname){
		return firstName + lastname;
		}
	} );
</script> 

</body>  
</html>

Code Vysvětlení:

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 zobrazení voláme chování a předáváme 2 hodnoty „Guru„“ a „99“, které se předávají 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 kontrolor.

Shrnutí

Do objektu rozsahu lze přidat různé členské proměnné, na které lze potom odkazovat v pohledu.
Chování lze přidat k práci s událostmi, které jsou generovány pro akce prováděné uživatelem.
Jedno AngularJS $rootScope je rozsah pro celou aplikaci. Aplikace může mít pouze jeden $rootScope a používá se jako globální proměnná. V Angular JS jsou $scopes podřízené obory a $rootScope je nadřazený rozsah

Co je $Scope v AngularJS? Výukový program s funkcí (příklady)