Какво е $Scope в AngularJS? Урок с функция (примери)

Какво е $scope в AngularJS?

$scope в AngularJS е вграден обект, който основно свързва „контролера“ и „изгледа“. Човек може да дефинира членски променливи в обхвата в рамките на контролера, които след това могат да бъдат достъпни от изгледа.

Разгледайте примера по-долу:

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

Code Обяснение:

Името на модула е „приложение“
Името на контролера е „HelloWorldCntrl“
Scope object е основният обект, който се използва за предаване на информация от контролера към изгледа.
Членска променлива е добавена към обект на обхват

Настройка или добавяне на поведение

За да реагираме на събития или да изпълним някакъв вид изчисление/обработка в изгледа, трябва да предоставим поведение на обхвата.

Поведенията се добавят към обектите на обхвата, за да отговорят на конкретни събития, които могат да бъдат задействани от изгледа. След като поведението е дефинирано в контролера, то може да бъде достъпно от изгледа.

Нека да разгледаме пример как можем да постигнем това.

<!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 Обяснение:

Ние създаваме поведение, наречено „пълно име“. Това поведение е функция, която приема 2 параметъра (първо име, фамилия).
След това поведението връща конкатенацията на тези 2 параметъра.
В изгледа извикваме поведението и предаваме 2 стойности на „Guru„“ и „99“, които се предават като параметри на поведението.

Ако командата е изпълнена успешно, следният изход ще бъде показан, когато стартирате кода си в браузъра.

Изход:

В браузъра ще видите конкатенация на двете стойности на Guru & 99, които бяха предадени на поведението в регулатор.

Oбобщение

Различни членски променливи могат да се добавят към обекта на обхвата, който след това може да бъде препратен в изгледа.
Може да се добави поведение за работа със събития, които се генерират за действия, извършени от потребителя.
- AngularJS $rootScope е обхватът на цялото приложение. Едно приложение може да има само един $rootScope и се използва като глобална променлива. В Angular JS $scopes са дъщерни обхвати, а $rootScope е родителски обхват

Какво е $Scope в AngularJS? Урок с функция (примери)