Što je $Scope u AngularJS? Vodič s funkcijom (primjeri)
James Hartman
Š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.
- Korištenje električnih romobila ističe AngularJS
$rootScopeje 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
