AngularJS重置表单 ng-dirty

前端之家收集整理的这篇文章主要介绍了AngularJS重置表单 ng-dirty前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. <divng-app="myApp"ng-controller="myCtrlasctrl">
  2. <formname="ctrl.myForm">
  3. <div><labelfor="email">Email</label>
  4. <inputname="myInput"type="email"ng-model="ctrl.email"id="email"required></div>
  5. <div><labelfor="password">Password</label>
  6. <inputname="myPassword"type="password"minlength="8"ng-model="ctrl.password"id="password"required></div>
  7. <div>
  8. <buttonng-click="ctrl.reset()"type="button">Reset</button>
  9. </div>
  10. </form>
  1. angular.module('myApp',[])
  2. .controller('myCtrl',myCtrl);
  3. functionmyCtrl(){varvm=this;
  4. vm.reset=function(){
  5. vm.myForm.$setPristine();
  6. vm.myForm.$setUntouched();
  7. vm.email=vm.password='';
  8. }
  9. }

表单input区域必须放在 form

参考连接:Angular clear subform data and reset validation

猜你在找的Angularjs相关文章