`form`توجيه AngularJS

لن يتم اعتبار "الحالة الصالحة" لهذا النموذج "صحيحًا" ، طالما أن حقل الإدخال المطلوب فارغ:

<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. تصف هذه الخصائص الحالة الحالية للنموذج.

النماذج لها الحالات التالية:

تمثل قيمة كل حالة قيمة منطقية ، وتكون إما true أو false.

تمنع النماذج في AngularJS الإجراء الافتراضي ، والذي يقوم بإرسال النموذج إلى الخادم ، إذا لم يتم تحديد سمة الإجراء.

تتم الإشارة إلى النماذج باستخدام قيمة سمة الاسم.

تُمنح النماذج الموجودة داخل تطبيق 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>