AngularJS 表单

AngularJS 表单是输入控件的集合。

HTML 控件

以下 HTML input 元素被称为 HTML 控件:

• input 元素

• select 元素

• button 元素

• textarea 元素

HTML 表单

HTML 表单通常与 HTML 控件同时存在。

AngularJS 表单实例

     
  
 
 First Name:
 
 Last Name:
  

 RESET 
 
form = {{user }}
 
master = {{master}}
 
   

	novalidate属性是在 HTML5 中新增的。禁用了使用浏览器的默认验证。

实例解析

ng-app指令定义了 AngularJS 应用。

ng-controller指令定义了应用控制器。

ng-model指令绑定了两个 input 元素到模型的user对象。

formCtrl函数设置了master对象的初始值，并定义了reset()方法。

reset()方法设置了user对象等于master对象。

ng-click指令调用了reset()方法，且在点击按钮时调用。

novalidate 属性在应用中不是必须的，但是你需要在 AngularJS 表单中使用，用于重写标准的 HTML5 验证。