الحدث AngularJS
الحدث AngularJS HTML ديه تعليمات الخاصة به.
نانوغرام بنقرة والقيادة
ويعرف نانوغرام بنقرة والتوجيه AngularJS انقر الحدث.
AngularJS الأمثلة
<زر نانوغرام مزدوجا فوق = "العد = عد + 1"> نقطة لي! </ زر>
<P> {{عدد}} </ P>
</ div>
محاولة »
إخفاء عناصر HTML
نانوغرام إخفاء التوجيه يضع جزءا تطبيق مرئيا.
نانوغرام إخفاء = "الحقيقية" إعداد عناصر HTML غير مرئية.
نانوغرام إخفاء = "كاذبة" إعداد عنصر HTML غير مرئية.
AngularJS الأمثلة
<زر نانوغرام مزدوجا فوق = "تبديل ()" >> إخفاء / إظهار </ زر>
<P نانوغرام إخفاء = "myVar ">
الاسم: <إدخال نوع = "نص" نانوغرام طراز = "الاسم الأول"> <BR>
الاسم: <إدخال نوع = "نص" نانوغرام طراز = "اسم العائلة"> <BR>
<BR>
الاسم الكامل: {{الاسم الأول + " " + اسم العائلة}}
</ P>
</ div>
<script>
فار التطبيق = angular.module ( 'اسم التطبيق "، [])؛
app.controller ( 'personCtrl، وظيفة ($ نطاق) {
$ Scope.firstName = "جون"،
$ Scope.lastName = "دو"
$ Scope.myVar = كاذبة؛
$ Scope.toggle = وظيفة () {
! $ Scope.myVar = $ scope.myVar.
}؛
})؛
</ script>
محاولة »
تحليل التطبيق:
أول قسم تحكم جزء personController مماثل.
التطبيق لديه سمة الافتراضي: $ scope.myVar = كاذبة.
مجموعات التعليمات نانوغرام إخفاء <p> وعنصر واثنين من إدخال الحقول مرئية، اعتمادا على قيمة myVar (صحيحة أو خاطئة) مجموعة غير مرئية.
يتم استخدام الدالة تبديل () للتبديل قيمة myVar متغير (الصواب والخطأ).
نانوغرام إخفاء = "الحقيقي" بحيث عنصر غير مرئي.
عناصر العرض HTML
تعليمات نانوغرام تظهر يمكن استخدامها لتحديد ما إذا كان جزء تطبيق مرئية.
نانوغرام تظهر = "كاذبة" يمكنك ضبط عناصر HTML غير مرئية.
نانوغرام تظهر = "صحيح" يمكن تعيين عنصر HTML غير مرئية.
يستخدم المثال التالي قيادة نانوغرام العرض:
AngularJS الأمثلة
<زر نانوغرام مزدوجا فوق = "تبديل ()"> إخفاء / إظهار </ زر>
<P نانوغرام تظهر = "myVar ">
الاسم: <إدخال نوع = "نص" نانوغرام طراز = "الاسم الأول"> <BR>
اللقب: <إدخال نوع = "نص" نانوغرام طراز = "اسم العائلة"> <BR>
<BR>
الاسم: {{الاسم الأول + "" + اسم العائلة}}
</ P>
</ div>
<script>
فار التطبيق = angular.module ( 'اسم التطبيق "، [])؛
app.controller ( 'personCtrl، وظيفة ($ نطاق) {
$ Scope.firstName = "جون"،
$ Scope.lastName = "دو"
$ Scope.myVar = صحيح.
$ Scope.toggle = وظيفة () {
! $ Scope.myVar = $ scope.myVar.
}
})؛
</ script>
محاولة »