AngularJS'de $Scope nedir? İşlevli Öğretici (Örnekler)

AngularJS'de $scope nedir?

AngularJS'de $kapsam temel olarak “denetleyiciyi” ve “görünümü” birbirine bağlayan yerleşik bir nesnedir. Daha sonra görünüm tarafından erişilebilecek olan denetleyici içindeki kapsamda üye değişkenler tanımlanabilir.

Aşağıdaki örneği düşünün:

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

Kod Açıklaması:

Modülün adı “app”
Denetleyicinin adı “HelloWorldCntrl”
Kapsam nesnesi, denetleyiciden görünüme bilgi aktarmak için kullanılan ana nesnedir.
Kapsam nesnesine üye değişkeni eklendi

Davranışı ayarlama veya ekleme

Olaylara tepki vermek veya Görünümde bir tür hesaplama/işleme yürütmek için kapsama davranış sağlamalıyız.

Görünüm tarafından tetiklenebilecek belirli olaylara yanıt vermek için kapsam nesnelerine davranışlar eklenir. Davranış denetleyicide tanımlandıktan sonra görünümden erişilebilir.

Bunu nasıl başarabileceğimize dair bir örneğe bakalım.

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

Kod Açıklaması:

“fullName” adında bir davranış oluşturuyoruz. Bu davranış 2 parametre (ad,soyadı) kabul eden bir fonksiyondur.
Davranış daha sonra bu 2 parametrenin birleşimini döndürür.
Görünümde davranışı çağırıyoruz ve davranışa parametre olarak iletilen “Guru” ve “2” gibi 99 değeri aktarıyoruz.

Komut başarıyla yürütülürse, kodunuzu tarayıcıda çalıştırdığınızda aşağıdaki Çıktı gösterilecektir.

Çıktı:

Tarayıcıda, davranışa iletilen Guru & 99 değerlerinin bir birleşimini göreceksiniz. kontrolör.

ÖZET

Kapsam nesnesine daha sonra görünümde başvurulabilecek çeşitli üye değişkenler eklenebilir.
Kullanıcı tarafından gerçekleştirilen eylemler için oluşturulan olaylarla çalışmak üzere davranış eklenebilir.
The angularjs $rootScope tüm uygulamanın kapsamıdır. Bir uygulama yalnızca bir $rootScope'a sahip olabilir ve global bir değişken gibi kullanılır. Angular JS'de $ kapsamlar alt kapsamlardır ve $rootScope ana kapsamdır

Beğenebilirsin: