Ce este $Scope în AngularJS? Tutorial cu funcție (Exemple)

Ce este $scope în AngularJS?

$scope în AngularJS este un obiect încorporat care leagă practic „controlerul” și „vizualizarea”. Se pot defini variabilele membre în domeniul de aplicare în cadrul controlerului, care pot fi apoi accesate de vizualizare.

Luați în considerare exemplul de mai jos:

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

Explicația codului:

Numele modulului este „aplicație”
Numele controlerului este „HelloWorldCntrl”
Obiectul Scope este obiectul principal care este utilizat pentru a transmite informații de la controler către vizualizare.
Variabila membru adăugată la obiectul domeniului

Configurarea sau adăugarea Comportamentului

Pentru a reacționa la evenimente sau pentru a executa un fel de calcul/procesare în vizualizare, trebuie să oferim un comportament sferei de aplicare.

Comportamentele sunt adăugate la obiectele de acoperire pentru a răspunde la evenimente specifice care pot fi declanșate de vizualizare. Odată ce comportamentul este definit în controler, acesta poate fi accesat de vizualizare.

Să ne uităm la un exemplu despre cum putem realiza acest lucru.

<!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>

Explicația codului:

Creăm un comportament numit „fullName”. Acest comportament este o funcție care acceptă 2 parametri (firstName, lastname).
Comportamentul returnează apoi concatenarea acestor 2 parametri.
În vizualizare, numim comportamentul și transmitem 2 valori ale „Guru” și „99”, care sunt transmise ca parametri comportamentului.

Dacă comanda este executată cu succes, următoarea ieșire va fi afișată atunci când rulați codul în browser.

ieșire:

În browser veți vedea o concatenare a ambelor valori ale lui Guru și 99 care au fost transmise comportamentului în controlor.

Rezumat

Diverse variabile de membru pot fi adăugate la obiectul scop, care pot fi apoi referite în vizualizare.
Comportamentul poate fi adăugat pentru a lucra cu evenimente care sunt generate pentru acțiunile efectuate de utilizator.
AngularJS $rootScope este domeniul de aplicare pentru întreaga aplicație. O aplicație poate avea un singur $rootScope și este folosită ca o variabilă globală. În Angular JS $scopes sunt domenii copil și $rootScope este domeniul părinte