Mikä on $Scope AngularJS:ssä? Opetusohjelma funktiolla (esimerkkejä)

Mikä on $scope AngularJS:ssä?

$scope AngularJS:ssä on sisäänrakennettu objekti, joka periaatteessa sitoo "ohjaimen" ja "näkymän". Ohjaimessa voidaan määrittää laajuuteen jäsenmuuttujia, joihin näkymä pääsee käsiksi.

Harkitse esimerkkiä alla:

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

Koodin selitys:

Moduulin nimi on "sovellus"
Ohjaimen nimi on "HelloWorldCntrl"
Scope-objekti on pääobjekti, jota käytetään tiedon siirtämiseen ohjaimesta näkymään.
Jäsenmuuttuja lisätty laajuusobjektiin

Käyttäytymisen määrittäminen tai lisääminen

Voidaksemme reagoida tapahtumiin tai suorittaa jonkinlaisen laskennan/käsittelyn Näkymässä, meidän on annettava toiminta-alueelle käyttäytyminen.

Toimintatavat lisätään laajuusobjekteihin vastaamaan tiettyihin tapahtumiin, jotka näkymä voi laukaista. Kun toiminta on määritetty ohjaimessa, sitä voidaan käyttää näkymässä.

Katsotaanpa esimerkkiä siitä, kuinka voimme saavuttaa tämän.

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

Koodin selitys:

Luomme käyttäytymistä nimeltä "fullName". Tämä käyttäytyminen on funktio, joka hyväksyy 2 parametria (etunimi, sukunimi).
Toiminta palauttaa sitten näiden kahden parametrin ketjutuksen.
Näkymässä kutsumme käyttäytymistä ja välitämme 2 arvoa "Guru" ja "99", jotka välitetään käyttäytymisen parametreina.

Jos komento suoritetaan onnistuneesti, seuraava tulos näytetään, kun suoritat koodin selaimessa.

lähtö:

Selaimessa näet ketjun sekä Guru- että 99-arvoista, jotka välitettiin käyttäytymiseen ohjain.

Yhteenveto

Alueobjektiin voidaan lisätä erilaisia jäsenmuuttujia, joihin voidaan sitten viitata näkymässä.
Käyttäytymistä voidaan lisätä toimimaan tapahtumien kanssa, jotka luodaan käyttäjän suorittamia toimia varten.
- angularjs $rootScope on koko sovelluksen laajuus. Sovelluksella voi olla vain yksi $rootScope, ja sitä käytetään globaalin muuttujan tavoin. Angular JS:ssä $scopes ovat alatason laajuuksia ja $rootScope on päälaajuus