您的位置:首页 > Web前端 > AngularJS

AngularJS 表单

2017-04-21 10:52 85 查看
novalidate 属性是在HTML5
中新增的。禁用了使用浏览器的默认验证

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

reset() 方法重置

<div ng-app="myApp" ng-controller="myCtrl">
<form novalidate>
First Name : <input type="text" ng-model="user.firstName"> <br>
Last Name : <input type="text" ng-model="user.lastName"><br><br>
<button ng-click="reset()">Reset</button>
</form>
<p>form = {{user}}</p>
<p>master = {{master}}</p>
</div>

<script>
angular.module("myApp",[]).controller("myCtrl",function($scope){
$scope.master={firstName:"Tom",lastName:"Simth"}
$scope.reset=function(){
$scope.user=angular.copy($scope.master);
}
$scope.reset();
})
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: