يلعب SCOPE كائن JavaScript خاص كوحدة تحكم اتصال العرض. يحتوي النطاق على بيانات النموذج. في وحدة التحكم ، يتم الوصول إلى بيانات النموذج من خلال كائن نطاق $.
<script> var mainapp = Angular.module ("mainapp" ، []) ؛ mainapp.controller ("ShapeController" ، الدالة ($ scope) {$ scope.message = "in mession controller" ؛ $ scope.type = "form" ؛}) ؛ </script>فيما يلي قضايا مهمة يجب مراعاتها في المثال أعلاه.
يتم استخدام نطاق $ كمعلمة الأولى لتحديد المقياس إلى وحدة التحكم في مُنشئه.
$ scope.message و $ scope.type هي النماذج التي يستخدمونها في صفحات HTML.
لقد قمنا بتعيين قيمة النموذج لتعكس وحدة التحكم في وحدة التطبيق في ShapeController.
يمكننا تحديد وظائف الوظائف في نطاق $.
نطاق الميراث
النطاق هو وحدة تحكم محددة. إذا حددنا وحدة تحكم متداخلة ، فإن الطفل المراقب سوف يرث نطاق سيطرة الوالدين.
<script> var mainapp = Angular.module ("mainapp" ، []) ؛ MainApp.Controller ("ShapeController" ، وظيفة (نطاق $) {$ scope.message = "في شكل وحدة تحكم" ؛ $ scope.type = "form" ؛}) ؛ mainapp.controller ("circlecontroller" ، function ($ scope) {$ scope.message = "in circle controller" ؛}) ؛ </script>فيما يلي قضايا مهمة يجب مراعاتها في المثال أعلاه.
قمنا بتعيين قيمة النموذج في ShapeController.
نتجاوز رسالة CircleController الفرعية. عند استخدام وحدة وحدة التحكم circlecontroller داخل "الرسالة" ، سيتم استخدام الرسالة لإعادة كتابة.
مثال
ستظهر الأمثلة التالية جميع الإرشادات المذكورة أعلاه.
testangularjs.html
<html> <head> <title> نماذج js الزاوية </title> </head> <body> <h2> AngularJS Application </h2> <div ng-app = "mainapp" ng-controller = "circlecontroller"> <p> {{message}}} <br/> {{type}} </p> </viv> <script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular mainapp = Angular.module ("mainapp" ، []) ؛ MainApp.Controller ("ShapeController" ، وظيفة (نطاق $) {$ scope.message = "في شكل وحدة تحكم" ؛ $ scope.type = "form" ؛}) ؛ mainapp.controller ("circlecontroller" ، function ($ scope) {$ scope.message = "in circle controller" ؛}) ؛ MainApp.Controller ("SquareController" ، الوظيفة (Scope $) {$ scope.message = "in square controller" ؛ $ scope.type = "square" ؛}) ؛ </script> </body> </html>نتيجة
افتح textangularjs.html في متصفح الويب. النتائج كما يلي.
ما سبق هو تجميع معلومات نطاق AngularJS. سنستمر في إضافة المعلومات ذات الصلة في المستقبل. شكرا لدعمكم لهذا الموقع!