AngularJS نطاق (النطاق)
يستخدم النطاق (نطاق) في الارتباط HTML (عرض) وجافا سكريبت (تحكم) بين.
نطاق هو كائن، وطرق والخصائص المتوفرة.
نطاق يمكن استخدامها في طريقة العرض والتحكم.
كيفية استخدام النطاق
عند إنشاء AngularJS تحكم، يمكنك$ كائن نطاقكحجة:
AngularJS الأمثلة
تحكم سمات الموافق سمات عرض على:
<H1> {{carname}} </ H1>
</ div>
<script>
app.controller ( 'myCtrl، وظيفة ( $ نطاق) {
$ scope.carname = "فولفو".
})؛
محاولة »
عند إضافةنطاق $ الكائنات في وحدة تحكم، العرض (HTML) يمكن الحصول على هذه الخصائص.
عرض، لا تحتاج إلى إضافة$ نطاق البادئة، تحتاج فقط إلى إضافة اسم السمة، مثل:{{carname}}.
نظرة عامة نطاق
يتكون تطبيق AngularJS مما يلي:
- (مشاهدة)، وهذا هو HTML.
- نموذج (نموذج)، والعرض الحالي للبيانات المتاحة.
- المراقب المالي (المراقب المالي)، وظيفة جافا سكريبت، يمكنك إضافة أو تعديل خصائص.
نطاق النموذج.
نطاق هو جافا سكريبت خصائص الكائن وأساليب مع هذه الصفات والأساليب يمكن أن تستخدم في وجهات النظر وأجهزة التحكم.
AngularJS الأمثلة
إذا قمت بتغيير طريقة العرض، نموذج وسيتم تحديث وحدة التحكم:
<الإدخال نانوغرام طراز = "اسم ">
<H1> اسمي {{اسم}} </ H1 >
</ div>
<script>
app.controller ( 'myCtrl، وظيفة ( $ نطاق) {
$ scope.name = "جون داو".
})؛
محاولة »
نطاق نطاق
فهم نطاق الذي تستخدمه حاليا مهم جدا.
في كلتا الحالتين، هناك مجالا نطاق واحد فقط، وبالتالي فإن العملية بسيطة نسبيا، ولكن في المشاريع الكبيرة، HTML DOM لها نطاقات متعددة، فأنت بحاجة إلى معرفة نطاق نطاق المقابلة ما كنت تستخدم أ.
AngularJS الأمثلة
عندما نستخدمنانوغرام تكرار الأوامر، قد زار كل نسخة طبق الأصل من وجوه مكررة الحالي:
<UL>
<لي نغ-تكرار = "س في الأسماء"> {{س}} </ لى>
</ UL>
</ div>
<script>
app.controller ( 'myCtrl، وظيفة ( $ نطاق) {
$ scope.names = [ "إميل"، "توبياس"، "لينوس"]؛
})؛
محاولة »
كل<li> وعنصر يمكن الوصول إلى كائنات مكررة الحالية، وهنا هو سلسلة المقابلة، و xمتغير يشير.
نطاق الجذر
جميع الطلبات لديها$ rootScope، يتم تطبيقه على جميع عناصر HTML يحتوي نانوغرام التطبيقالتوجيه.
$ rootScope يمكن أن تعمل على تطبيق كامل.كل وحدة تحكم في نطاق الجسر. Rootscope مع القيمة المحددة في كل وحدة تحكم يمكن استخدامها في.
AngularJS الأمثلة
عند إنشاء وحدة تحكم لتمرير $ rootScope كمعلمة يمكن استخدامها في التطبيق:
<H1> {{اسم العائلة}} أفراد الأسرة: </ H1>
<UL>
<لي نغ-تكرار = "س في الأسماء"> {{س}} {{اسم العائلة}} </ لى>
</ UL>
</ div>
<script>
app.controller ( 'myCtrl، وظيفة ( نطاق $، $ rootScope) {
$ scope.names = [ "إميل"، "توبياس"، "لينوس"]؛
$ rootScope.lastname = "Refsnes".
})؛
محاولة »