AngularJS تحكم
تطبيقات AngularJS AngularJS تحكم البيانات.
AngularJS تحكم هو كائن جافا سكريبت العادي.
AngularJS تحكم
تطبيق AngularJS هو وحدة تحكم.
ويعرف نانوغرام تحكم التوجيه وحدة تحكم التطبيق.
وحدة تحكم هو كائن جافا سكريبت التي تم إنشاؤها بواسطة منشئ الكائنات جافا سكريبت القياسية.
AngularJS الأمثلة
الاسم: <إدخال نوع = "نص" نانوغرام طراز = "الاسم الأول"> <BR>
اللقب: <إدخال نوع = "نص" نانوغرام طراز = "اسم العائلة"> <BR>
<BR>
الاسم: {{الاسم الأول + "" + اسم العائلة}}
</ div>
<script>
فار التطبيق = angular.module ( 'اسم التطبيق "، [])؛
app.controller ( 'myCtrl، وظيفة ($ نطاق) {
$ Scope.firstName = "جون".
$ Scope.lastName = "دو".
})؛
</ script>
محاولة »
تحليل التطبيق:
AngularJS التطبيقات التي حددها نانوغرام التطبيق. التطبيقات قيد التشغيل في <div> في الداخل.
نانوغرام تحكم = "myCtrl"؟ العقار تعليمات AngularJS. فهو يستخدم لتحديد وحدة تحكم.
وظيفة myCtrl هي وظيفة جافا سكريبت.
AngularJS باستخدام كائن $ نطاق للاتصال وحدة تحكم.
في AngularJS، $ نطاق هو تطبيق مثل (المتغيرات وظائف تابعة للتطبيق).
نطاق تحكم $ (أي ما يعادل نطاق، ومجموعة المراقبة) لإنقاذ AngularJS نموذج (نموذج) الكائنات.
نطاق تحكم إنشاء فندقين (الاسم الأول واسم العائلة).
نانوغرام نموذج الحقول التوجيه ربط المدخلات إلى وحدة تحكم السمة (الاسم الأول واسم العائلة).
طريقة تحكم
المثال أعلاه يوضح كائن تحكم والممتلكات الاسم الأول اسم العائلة مع اثنين.
قد يكون وحدة تحكم أيضا أساليب (وظائف والمتغيرات):
AngularJS الأمثلة
الاسم: <إدخال نوع = "نص" نانوغرام طراز = "الاسم الأول"> <BR>
اللقب: <إدخال نوع = "نص" نانوغرام طراز = "اسم العائلة"> <BR>
<BR>
الاسم: {{FULLNAME ()}}
</ div>
<script>
فار التطبيق = angular.module ( 'اسم التطبيق "، [])؛
app.controller ( 'personCtrl، وظيفة ($ نطاق) {
$ Scope.firstName = "جون".
$ Scope.lastName = "دو".
$ Scope.fullName = وظيفة () {
عودة $ scope.firstName + "" + $ scope.lastName.
}
})؛
</ script>
محاولة »
تحكم ملف خارجي
في التطبيقات الكبيرة، وعادة ما تكون مخزنة وحدة تحكم في ملف خارجي.
ببساطة العلامة <script> نسخ اطلق عليها اسم personController.js يمكن أن يكون ملف خارجي:
AngularJS الأمثلة
أول اسم: <إدخال نوع = " نص" نانوغرام طراز = "الاسم الأول"> <BR>
اسم العائلة: <إدخال نوع = " نص" نانوغرام طراز = "اسم العائلة"> <BR>
<BR>
الاسم الكامل: {{الاسم الأول + " " + اسم العائلة}}
</ div>
<سيناريو SRC = "personController.js"> </ script>
محاولة »
أمثلة أخرى
المثال التالي بإنشاء ملف وحدة تحكم جديدة:
$ Scope.names = [
{اسم: "جاني"، بلد: 'النرويج'}،
{اسم: "هيج"، البلد: "السويد"}،
{اسم: "كاي"، البلد: "الدنمارك"}
].
})؛
حفظ الملف كما namesController.js :
ثم، وذلك باستخدام وحدة تحكم في ملف التطبيق:
AngularJS الأمثلة
<UL>
<لي نغ-تكرار = "س في الأسماء">
{{X.name + '،' + x.country}}
</ لى>
</ UL>
</ div>
<سيناريو SRC = "namesController.js"> </ script>
محاولة »