AngularJS form 指令
定义和用法
AngularJS 修改 元素的默认行为。
AngularJS 应用程序内的表单被赋予了某些属性。这些属性描述了表单的当前状态。
表单有以下状态：
$pristine尚未修改任何字段$dirty一个或多个字段已被修改$invalid表单内容无效$valid表单内容有效$subscribedForamu inayohusiana inasubiri shida ya formu.
Watumiaji wa hali zote zinazowakilisha mradi wa Booleani, ni: true au false.
Kama haujafikia kiwango cha kifungu cha action, formu ya AngularJS inakataa kufikiria kwa kuzingatia, inafikia kwa kufikiria kwa kusubiri shida ya formu kwa kusoma mtaani.
Msingi
Mfano 1
Inafikia kwamba hali ya "true" ya "valid status" ya formu haitakiwa hata wengi wa kiingia kinaingia kama haujafikia kwenye kufikiria:
<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>Mistari wa formu inayohusiana ni:</p>
<h1>{{myForm.$valid}}</h1>
Mfano 2
Tumia mtindo kwa formu inayohusiana (mwafikia) na formu inayochaguliwa:
<style>
form.ng-pristine {
background-color: mkia-makina ya rangi ya bili ya mbali;
}
form.ng-dirty {
background-color: mkia-makina ya rangi ya mazuri;
}
语法
通过使用 name 属性的值来引用表单。
CSS 类
AngularJS 应用程序内的表单被赋予了某些类。这些类可用于根据其状态设置表单样式。
添加了以下类：
ng-pristine没有字段尚未修改ng-dirty一个或多个字段已被修改ng-valid表单内容有效ng-invalid表单内容无效ng-valid-key每次验证一个密钥。例如：ng-valid-required，当有多于一项必须验证时非常有用ng-invalid-keyMfano:ng-invalid-required
Kama thamani ya kikundi ina falseKama hivi, kikundi hiki cha kina kilitokana.
