Hva er $Scope i AngularJS? Opplæring med funksjon (eksempler)

Hva er $scope i AngularJS?

$scope i AngularJS er et innebygd objekt som i utgangspunktet binder "kontrolleren" og "visningen". Man kan definere medlemsvariabler i omfanget i kontrolleren som deretter kan nås av visningen.

Tenk på eksemplet nedenfor:

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

Code Forklaring:

Navnet på modulen er "app"
Navnet på kontrolleren er "HelloWorldCntrl"
Scope-objekt er hovedobjektet som brukes til å overføre informasjon fra kontrolløren til visningen.
Medlemsvariabel lagt til scope-objekt

Sette opp eller legge til Behavior

For å reagere på hendelser eller utføre en form for beregning/behandling i visningen, må vi gi atferd til omfanget.

Atferd legges til scope-objekter for å svare på spesifikke hendelser som kan utløses av visningen. Når atferden er definert i kontrolleren, kan den nås av visningen.

La oss se på et eksempel på hvordan vi kan oppnå dette.

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

Code Forklaring:

Vi oppretter en atferd kalt "fullnavn". Denne virkemåten er en funksjon som godtar 2 parametere (fornavn, etternavn).
Oppførselen returnerer deretter sammenkoblingen av disse 2 parameterne.
I visningen kaller vi oppførselen og sender inn to verdier av «Guru" og "99" som sendes som parametere til virkemåten.

Hvis kommandoen utføres vellykket, vil følgende utdata vises når du kjører koden i nettleseren.

Utgang:

I nettleseren vil du se en sammenkobling av begge verdiene til Guru og 99 som ble sendt til oppførselen i controller.

Sammendrag

Ulike medlemsvariabler kan legges til scope-objektet som deretter kan refereres til i visningen.
Atferd kan legges til for å arbeide med hendelser som genereres for handlinger utført av brukeren.
Ocuco AngularJS $rootScope er omfanget for hele søknaden. En applikasjon kan bare ha ett $rootScope og brukes som en global variabel. I Angular JS er $scopes underordnede omfang og $rootScope er overordnet omfang

Hva er $Scope i AngularJS? Opplæring med funksjon (eksempler)