angular内置指令---以form为例

form指令

• 可嵌套
• 扩展了自动校验、防止重复提交功能
• 对input的type进行扩展，共10种类型：text, number, url, email, radio, checkbox, hidden, button, submit, reset
• 4种内置CSS样式：ng-vaild, ng-invalid, ng-pristine, ng-dirty
• 内置校验器：require, minlength, maxlength

<form name="myForm" ng-submit="save()" ng-controller="TestFormModule">
 <input name="userName" type="text" ng-model="user.userName" required/>
 <input name="password" type="password" ng-model="user.password" required/>
 <input type="submit" ng-disabled="myForm.$invalid"/>
</form>

 require表示该input框为必填，type="submit"且ng-disabled绑定了form的name，该按钮在必填框没有填写东西时是无法点击的，只有都填了东西之后才变为可点击。

E-mail:
<input type="email" ng-model="user.email" name="uEmail" required /><br/>
<div ng-show="form.uEmail.$dirty && form.uEmail.$invalid">
 Invalid:
 <span ng-show="form.uEmail.$error.required">Tell us your email.</span>
 <span ng-show="form.uEmail.$error.email">This is not a valid email.</span>
</div>

 email框，当没输入时第一个span出现，当输入是非法email时第二个span出现。

 所有内置指令可在angularjs的api文档中查看例子。