ما هو النطاق $ في AngularJS؟ البرنامج التعليمي مع الوظيفة (أمثلة)

ما هو النطاق $ في AngularJS؟

نطاق $ في AngularJS هو كائن مدمج يربط بشكل أساسي "وحدة التحكم" و"العرض". يمكن للمرء تحديد متغيرات الأعضاء في النطاق داخل وحدة التحكم والتي يمكن بعد ذلك الوصول إليها عن طريق العرض.

النظر في المثال أدناه:

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

شرح الكود:

اسم الوحدة هو "التطبيق"
اسم وحدة التحكم هو "HelloWorldCntrl"
كائن النطاق هو الكائن الرئيسي الذي يتم استخدامه لتمرير المعلومات من وحدة التحكم إلى العرض.
تمت إضافة متغير العضو إلى كائن النطاق

إعداد أو إضافة السلوك

من أجل الرد على الأحداث أو تنفيذ نوع من الحساب/المعالجة في العرض، يجب علينا توفير السلوك للنطاق.

تتم إضافة السلوكيات إلى كائنات النطاق للرد على أحداث معينة قد يتم تشغيلها بواسطة العرض. بمجرد تعريف السلوك في وحدة التحكم، يمكن الوصول إليه عن طريق العرض.

دعونا نلقي نظرة على مثال لكيفية تحقيق ذلك.

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

شرح الكود:

نحن نقوم بإنشاء سلوك يسمى "الاسم الكامل". هذا السلوك عبارة عن دالة تقبل معلمتين (الاسم الأول واسم العائلة).
يقوم السلوك بعد ذلك بإرجاع تسلسل هاتين المعلمتين.
في العرض، نحن نطلق على السلوك ونمرر قيمتين "Guru" و"2" اللتين يتم تمريرهما كمعلمات للسلوك.

إذا تم تنفيذ الأمر بنجاح، سيتم عرض الإخراج التالي عند تشغيل الكود الخاص بك في المتصفح.

الإخراج:

سترى في المتصفح سلسلة من قيم Guru و99 التي تم تمريرها إلى السلوك في مراقب .

ملخص

يمكن إضافة متغيرات أعضاء مختلفة إلى كائن النطاق والذي يمكن بعد ذلك الرجوع إليه في العرض.
يمكن إضافة السلوك للعمل مع الأحداث التي يتم إنشاؤها للإجراءات التي يقوم بها المستخدم.
أكثر من AngularJS $rootScope هو نطاق التطبيق بأكمله. يمكن أن يحتوي التطبيق على $rootScope واحد فقط ويتم استخدامه كمتغير عام. في Angular JS $scopes هي نطاقات فرعية و$rootScope هو النطاق الأصلي

ما هو النطاق $ في AngularJS؟ البرنامج التعليمي مع الوظيفة (أمثلة)