AngularJS توجيهات
ويطلق على خاصية جديدة من AngularJS توجيهات تمديد HTML.
AngularJS تعليمات المدمج في التطبيق لإضافة وظائف.
AngularJS يسمح لك لتخصيص التعليمات.
AngularJS توجيهات
AngularJS التعليم هو امتداد لHTML سمات مع ng- البادئة.
تعليمات نانوغرام التطبيق لتهيئة تطبيق AngularJS.
قيادة نانوغرام الحرف الأول لتهيئة بيانات التطبيق.
نانوغرام نموذج قيادة القيم عنصر (مثل قيمة حقل الإدخال) منضمة إلى التطبيق.
تعليمات كاملة يمكن العثور عليها في محتويات دليل مرجعي AngularJS .
AngularJS الأمثلة
<p>在输入框中尝试输入：</p>
<p>姓名：<input type="text" ng-model="firstName"></p>
<p>你输入的为： {{ firstName }}</p>
</div>
محاولة »
نانوغرام التطبيق التوجيه يقول AngularJS، <div> العنصر هو تطبيق AngularJS من "المالك".
 | صفحة ويب يمكن أن تحتوي على العديد من التطبيقات AngularJS التشغيل في العناصر المختلفة. |
|---|
ربط البيانات
في المثال أعلاه {{الاسم الأول}} التعبير AngularJS هو تعبير ربط البيانات.
AngularJS ربط البيانات، وذلك بالتزامن مع بيانات التعبير AngularJS AngularJS.
{{الاسم الأول}} بواسطة نانوغرام طراز = "الاسم الأول" التزامن.
في المثال التالي، يتم احتساب اثنين من حقل النص عن طريق اثنين من تزامن تعليمات نانوغرام نموذج:
AngularJS الأمثلة
<h2>价格计算器</h2>
数量： <input type="number" ng-model="quantity">
价格： <input type="number" ng-model="price">
<p><b>总价：</b> {{ quantity * price }}</p>
</div>
محاولة »
| استخدام نانوغرام الحرف الأول ليست شائعة جدا. سوف تتعلم ليكون أفضل وسيلة لتهيئة البيانات في الفصل تحكم. |
|---|
عناصر HTML كرر
نانوغرام تكرار التعليمات يعيد عنصر HTML:
AngularJS الأمثلة
<P> استخدام نانوغرام تكرار لحلقة من خلال مجموعة </ P>
<UL>
<لي نغ-تكرار = "x في الأسماء">
{{X}}
</ لى>
</ UL>
</ div>
محاولة »
يستخدم نانوغرام تكرار التعليمات في مجموعة من الأشياء:
AngularJS الأمثلة
{name:'Jani',country:'Norway'},
{name:'Hege',country:'Sweden'},
{name:'Kai',country:'Denmark'}]">
<p>循环对象：</p>
<ul>
<li ng-repeat="x in names">
{{ x.name + ', ' + x.country }}
</li>
</ul>
</div>
محاولة »
| AngularJS CRUD قاعدة بيانات الدعم مثالية (زيادة إنشاء وقراءة القراءة، تحديث تحديث، حذف حذف) التطبيقات. أعتقد أن من أمثلة الأجسام في السجلات في قاعدة البيانات. |
|---|
نانوغرام التطبيق التوجيه
ويعرف نانوغرام التطبيق التوجيه جذور AngularJS عنصر التطبيق.
تعليمات نانوغرام التطبيق عندما يتم تحميل الصفحة تمهيد التطبيقات (التهيئة التلقائية) تلقائيا.
في وقت لاحق سوف تتعلم كيفية نانوغرام التطبيق من قيمة (على سبيل المثال، نانوغرام التطبيق = "myModule") متصلا وحدة الشفرة.
نانوغرام الحرف الأول القيادة
ويعرف نانوغرام الحرف الأول AngularJS تطبيق تعليمات القيمة الأولية.
في ظل الظروف العادية، لا تستخدم نانوغرام الحرف الأول. وكنت تستخدم جهاز تحكم أو وحدة نمطية ليحل محله.
في وقت لاحق سوف تتعلم المزيد عن التحكم وحدات.
التوجيه نانوغرام نموذج
نانوغرام نموذج عناصر التوجيه ربط HTML إلى بيانات التطبيق.
نانوغرام نموذج التوجيه يمكن أيضا:
- توفير التحقق من نوع بيانات التطبيق (عدد، والبريد الإلكتروني، مطلوب).
- يوفر حالة لبيانات التطبيق (غير صالح، القذرة، لمست، خطأ).
- تقديم دروس CSS لعناصر HTML.
- عناصر HTML ربط شكل HTML.
نانوغرام تكرار التعليمات
سوف نانوغرام تكرار التعليمات للمجموعة (مجموعة) من كل عنصر استنساخ عنصر HTML.
إنشاء أمر مخصص
AngularJS بالإضافة إلى الإرشادات في البناء، نحن يمكن أن تخلق أيضا أوامر مخصصة.
.directive وظيفة يمكنك استخدامها لإضافة أوامر مخصصة.
استدعاء أمر مخصص، تحتاج إلى إضافة اسم أمر مخصص على عنصر HTML.
استخدام أسلوب سنام على سبيل المثال لاالتوجيه، w3bigDirective، ولكن عندما كنت في حاجة لاستخدامها -تجزئة، و-w3big التوجيه:
AngularJS الأمثلة
<W3big-التوجيه> </ w3big -directive>
<script>
فار التطبيق = angular.module ( "اسم التطبيق"، [])؛
app.directive ( "w3bigDirective"، وظيفة () {
العودة {
قالب: "<H1> تعليمات </ H1>!"
}؛
})؛
</ script>
</ الجسم>
محاولة »
يمكنك استدعاء تعليمات في الطرق التالية:
- اسم العنصر
- ممتلكات
- اسم الفئة
- مذكرة
وفيما يلي على سبيل المثال يمكن إخراج نفس النتيجة:
القيود المفروضة على استخدام
هل يمكن أن تحد لا يمكن إلا أن التعليمات الخاصة بك التذرع بها بطريقة معينة.
أمثلة
بإضافةتقييد الملكية وتعيين القيمة فقط "A" ، لتعيين الأمر لا يمكن إلا أن يسمى عن طريق الملكية:
app.directive ( "w3bigDirective"، وظيفة ( ) {
العودة {
تقييد: "A"،
قالب: "<H1> تعليمات </ H1>!"
}؛
})؛
محاولة »
تقييد القيمة قد تكون على النحو التالي:
-
Eيستخدم كاسم عنصر -
Aاستخدام كسمة -
Cيتم استخدام اسم الفئة -
Mكتعليق
تقييد الافتراضي هو EA ، التي يمكن الاستناد إليها من قبل عنصر القيادة وأسماء السمة.