Što je $Scope u AngularJS? Vodič s funkcijom (primjeri)

Što je $scope u AngularJS?

$scope u AngularJS je ugrađeni objekt koji u osnovi povezuje "kontroler" i "pogled". Moguće je definirati varijable članice u opsegu unutar kontrolera kojima se zatim može pristupiti iz pogleda.

Razmotrite primjer u nastavku:

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

Objašnjenje koda:

Naziv modula je "app"
Naziv kontrolera je "HelloWorldCntrl"
Scope object je glavni objekt koji se koristi za prijenos informacija od kontrolera do pogleda.
Varijabla člana dodana je objektu opsega

Postavljanje ili dodavanje ponašanja

Kako bismo reagirali na događaje ili izvršili neku vrstu izračuna/obrade u View-u, moramo osigurati ponašanje opsega.

Ponašanja se dodaju objektima opsega kako bi odgovorili na određene događaje koje može pokrenuti Pogled. Nakon što je ponašanje definirano u kontroleru, može mu se pristupiti putem pogleda.

Pogledajmo primjer kako to možemo postići.

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

Objašnjenje koda:

Mi stvaramo ponašanje koje se zove "puno ime". Ovo ponašanje je funkcija koja prihvaća 2 parametra (ime, prezime).
Ponašanje zatim vraća ulančavanje ova 2 parametra.
U pogledu pozivamo ponašanje i prosljeđujemo 2 vrijednosti "Guru" i "99" koje se prosljeđuju kao parametri ponašanja.

Ako je naredba uspješno izvršena, sljedeći će se izlaz prikazati kada pokrenete svoj kod u pregledniku.

Izlaz:

U pregledniku ćete vidjeti ulančavanje obje vrijednosti Guru & 99 koje su proslijeđene ponašanju u kontrolor.

Rezime

Različite varijable člana mogu se dodati objektu opsega koji se zatim može referencirati u pogledu.
Ponašanje se može dodati za rad s događajima koji se generiraju za akcije koje izvodi korisnik.
The AngularJS $rootScope je opseg za cijelu aplikaciju. Aplikacija može imati samo jedan $rootScope i koristi se kao globalna varijabla. U Angular JS-u $scopes su dječji opsegi, a $rootScope je roditeljski opseg

Što je $Scope u AngularJS? Vodič s funkcijom (primjeri)