Mis on AngularJS-is $ Scope? Funktsiooniga õpetus (näited)

Autor: James Hartman James Hartman
Hours Ajakohastatud

Mis on AngularJS-is $ ulatus?

$ ulatus AngularJS-is on sisseehitatud objekt, mis põhimõtteliselt seob "kontrolleri" ja "vaate". Kontrolleri ulatuses saab defineerida liikmemuutujaid, millele seejärel pääseb vaade juurde.

Kaaluge allolevat näidet:

$ ulatus AngularJS-is

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

Koodi selgitus:

  1. Mooduli nimi on "rakendus"
  2. Kontrolleri nimi on "HelloWorldCntrl"
  3. Ulatusobjekt on peamine objekt, mida kasutatakse teabe edastamiseks kontrollerist vaatesse.
  4. Liigese muutuja lisati ulatuse objektile

Käitumise seadistamine või lisamine

Sündmustele reageerimiseks või vaates mingisuguse arvutuse/töötluse teostamiseks peame andma ulatusele käitumise.

Käitumised lisatakse ulatuseobjektidele, et reageerida konkreetsetele sündmustele, mille vaade võib käivitada. Kui käitumine on kontrolleris määratletud, pääseb sellele vaade juurde.

Vaatame näidet selle kohta, kuidas seda saavutada.

Käitumise seadistamine või lisamine

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

Koodi selgitus:

  1. Loome käitumise nimega "fullName". See käitumine on funktsioon, mis aktsepteerib 2 parameetrit (eesnimi, perekonnanimi).
  2. Seejärel tagastab käitumine nende kahe parameetri konkatenatsiooni.
  3. Vaates kutsume käitumist ja edastame 2 väärtust "Guru" ja "99", mis edastatakse käitumise parameetritena.

Kui käsk on edukalt täidetud, kuvatakse brauseris koodi käivitamisel järgmine väljund.

Väljund:

Käitumise seadistamine või lisamine

Brauseris näete Guru ja 99 väärtuste konkatenatsiooni, mis edastati käitumisele kontroller.

kokkuvõte

  • Ulatusobjektile saab lisada erinevaid liikmemuutujaid, millele saab seejärel vaates viidata.
  • Käitumist saab lisada tööle sündmustega, mis genereeritakse kasutaja sooritatud toimingute jaoks.
  • . AngularJS $rootScope on kogu rakenduse ulatus. Rakendusel võib olla ainult üks $rootScope ja seda kasutatakse globaalse muutujana. Angular JS-is on $-scopes alamulatused ja $rootScope on ülemulatus