Angularjs基础(七)

AngularJS表单
　　　　AngularJS表单时输入控件的集合
HTML控件
　　　　一下HTML input 元素被称为HTML 控件：
　　　　　　　　input 元素
　　　　　　　　select元素
　　　　　　　　button元素
　　　　　　　　textarea元素

HTML 表单
　　　　AngularjS表单上实例
　　　　　　

　　　　　　
　　　　　　　　　　var app = angular.module('myApp'm[]);
　　　　　　　　　　app.controller('formCtrl',function($scope){
　　　　　　　　　　　　$scope.master = {firstName:"John",lastName:"Doe"};
　　　　　　　　　　　　$scope.reset = function(){
　　　　　　　　　　　　　　$scope.user = angular.copy($scope.master);
　　　　　　　　　　　　};
　　　　　　　　　　　　$scope.reset();
　　　　　　　　　　})
　　　　　　　　　　novalidate 属性是在 HTML5 中新增的。禁用了使用浏览器的默认验证。
　　　　　　

　　　　　　实例解析
　　　　　　　　　　ng-app 指令定义了AngularJS 应用。
　　　　　　　　　　ng-controller指令定义了应用控制器。
　　　　　　　　　　ng-model 指令绑定了两个inputh 元素到模型的user 对象。
　　　　　　　　　　formCtrl 函数设置了mater 对象的初始值，并定义了reset()方法。
　　　　　　　　　　reset() 方法设置了user 对象等于master对象。
　　　　　　　　　　ng-click 指令调用了reset()方法,且在点击按钮时调用。
　　　　　　　　　　novalidate 属性在应用中不是必须的，但是你需要在 AngularJS 表单中使用，用于重写标准的 HTML5 验证。

AngularJS输入验证
　　　　AngularJS表单和控件可以验证输入的数据。

输入验证
　　　　AngularJS表单和控件可以提供验证功能，并对用户输入的非法数据惊醒警告。

应用代码