AngularJS نانوغرام نموذج التوجيه
يستخدم تعليمات نانوغرام نموذج لربط بيانات التطبيق إلى وحدة تحكم قيمة HTML (المدخلات، حدد، جزء النص) ل.
التوجيه نانوغرام نموذج
ng-model
التوجيه يمكن أن تدخل قيم المتغيرات ومجال خلق الارتباطات AngularJS.
AngularJS الأمثلة
<div نانوغرام التطبيق = "اسم التطبيق " نانوغرام تحكم = "myCtrl">
الاسم: <المدخلات نانوغرام طراز = " اسم">
</ div>
<script>
فار التطبيق = angular.module ( 'اسم التطبيق "، [])؛
app.controller ( 'myCtrl، وظيفة ($ نطاق) {
$ Scope.name = "فلان الفلاني".
})؛
</ script>
الاسم: <المدخلات نانوغرام طراز = " اسم">
</ div>
<script>
فار التطبيق = angular.module ( 'اسم التطبيق "، [])؛
app.controller ( 'myCtrl، وظيفة ($ نطاق) {
$ Scope.name = "فلان الفلاني".
})؛
</ script>
محاولة »
ملزمة الطريق
في اتجاهين ملزمة، عند تعديل قيمة حقل الإدخال، وقيمة الممتلكات كما سيتم مراجعة AngularJS:
AngularJS الأمثلة
<div نانوغرام التطبيق = "اسم التطبيق " نانوغرام تحكم = "myCtrl">
الاسم: <المدخلات نانوغرام طراز = " اسم">
<H1> الدخول إلى: {{اسم}} </ H1>
</ div>
الاسم: <المدخلات نانوغرام طراز = " اسم">
<H1> الدخول إلى: {{اسم}} </ H1>
</ div>
محاولة »
التحقق من صحة إدخال المستخدم
AngularJS الأمثلة
<نموذج نانوغرام التطبيق = "" اسم = "myForm">
البريد الإلكتروني:
<نوع الإدخال = "البريد الالكتروني" اسم = "myAddress" نانوغرام طراز = "نص">
<سبان نانوغرام تظهر = "myForm.myAddress . $ Error.email"> ليس عنوان بريد إلكتروني صالح </ SPAN>
</ النموذج>
البريد الإلكتروني:
<نوع الإدخال = "البريد الالكتروني" اسم = "myAddress" نانوغرام طراز = "نص">
<سبان نانوغرام تظهر = "myForm.myAddress . $ Error.email"> ليس عنوان بريد إلكتروني صالح </ SPAN>
</ النموذج>
محاولة »
في المثال أعلاه، ورسالة في ng-show
الخاصية بإرجاع true
عرض القضية.
حالة التطبيق
ng-model
يوفر التوجيه قيمة الحالة (غير صالح، القذرة، لمست، خطأ ) لبيانات التطبيق:
AngularJS الأمثلة
<نموذج نانوغرام التطبيق = "" اسم = "myForm" نانوغرام الحرف الأول = "myText = '[email protected]'">
البريد الإلكتروني:
<إدخال نوع = "البريد الالكتروني" اسم = "myAddress" نانوغرام طراز = "myText" مطلوب> </ P>
<H1> الحالة </ H1>
{{myForm.myAddress. $ ساري المفعول}}
{{myForm.myAddress. $ القذرة}}
{{myForm.myAddress. $ تطرق}}
</ النموذج>
البريد الإلكتروني:
<إدخال نوع = "البريد الالكتروني" اسم = "myAddress" نانوغرام طراز = "myText" مطلوب> </ P>
<H1> الحالة </ H1>
{{myForm.myAddress. $ ساري المفعول}}
{{myForm.myAddress. $ القذرة}}
{{myForm.myAddress. $ تطرق}}
</ النموذج>
محاولة »
الطبقة CSS
ng-model
التعليمات على أساس دولهم تقديم دروس CSS لعناصر HTML:
AngularJS الأمثلة
<نمط>
input.ng-باطلة {
لون الخلفية: lightblue.
}
لون الخلفية: lightblue.
}
</ النمط>
<body>
<نموذج نانوغرام التطبيق = "" اسم = "myForm">
أدخل اسمك:
<اسم الإدخال = "myAddress" نانوغرام -model = "نص" مطلوب>
</ النموذج>
<body>
<نموذج نانوغرام التطبيق = "" اسم = "myForm">
أدخل اسمك:
<اسم الإدخال = "myAddress" نانوغرام -model = "نص" مطلوب>
</ النموذج>
محاولة »
ng-model
التعليمات على أساس حقل نموذج دولة لإضافة / إزالة الفئات التالية:
- نانوغرام فارغة
- نانوغرام، وليس فارغة
- نانوغرام تطرق
- نانوغرام واحد سليما
- نانوغرام صالحة
- نانوغرام غير صحيحة
- نانوغرام قذرة
- نانوغرام في انتظار
- نانوغرام البكر