مثال
"حالة صالحة" هذا النموذج لن يكون النظر في "صحيح"، طالما حقل الإدخال المطلوبة فارغ:
<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>The forms's valid state is:</p>
<h1>{{myForm.$valid}}</h1>
انها محاولة لنفسك » تعريف واستخدام
AngularJS بتعديل السلوك الافتراضي لل <form> العنصر.
وتعطى أشكال داخل تطبيق AngularJS خصائص معينة. هذه الخصائص يصف الحالة الراهنة من النموذج.
أشكال لها الدول التالية:
-
$pristineقد تم تعديلها لا مجال بعد -
$dirtyواحد أو أكثر تم تعديلها -
$invalidمحتوى شكل غير صالح -
$validمحتوى النموذج هو صحيح -
$submittedيقدم هذا النموذج
وتمثل قيمة كل دولة قيمة منطقية، وإما true أو false .
النماذج في AngularJS يمنع الإجراء الافتراضي، وهو تقديم النموذج إلى الخادم، إذا لم يتم تحديد السمة الإجراء.
بناء الجملة
<form name=" formname "></form>يتم الإشارة إلى أشكال باستخدام قيمة السمة الاسم.
فئات CSS
وتعطى أشكال داخل تطبيق AngularJS فئات معينة. هذه الفئات يمكن استخدامها لأشكال نمط وفقا لدولتهم.
يتم إضافة الفئات التالية:
-
ng-pristineلم يتم تعديل أية حقول بعد -
ng-dirtyتم تعديل واحد أو أكثر من حقول -
ng-validمحتوى النموذج هو صحيح -
ng-invalidمحتوى النموذج غير صالحة -
ng-valid- keyمفتاح واحد لكل التحقق من الصحة. على سبيل المثال:ng-valid-required، مفيدا عندما يكون هناك أكثر من شيء واحد يجب أن يتم التحقق من صحة -
ng-invalid- keyمثال:ng-invalid-required
تتم إزالة الطبقات إذا كانت القيمة التي تمثلها هي false .
مثال
تطبيق الأساليب لأشكال معدلة (البكر)، وأشكال معدلة:
<style>
form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}
</style>
انها محاولة لنفسك »