最近,公司angular项目,使用到了angular自身的表单验证,我是用了其自身验证,具体场景是 增加一个条目,在表单中验证是否符合条件,增加成功后,再次增加,重置表单,重复上述过程。但是遇到一个问题,就是在添加一次后,每一次重新添加,将表单清空。按道理此时,$dirty是不应该起作用的,但是还是会有不提示。
<div class="form-group">
<label class="col-sm-2 control-label"><i class="data-need">*</i>排序</label>
<div class="col-sm-10">
<input type="number" ng-model="menu.index" class="form-control" ng-required="true" name="menuClass">
<div class="alert alert-danger help-block" ng-show="menuForm.menuClass.$dirty && menuForm.menuClass.$invalid">
请填写菜单排序
</div>
</div>
</div>
$dirty自身的样式,就会仍然起作用:
用户体验很差。后经过查询资料,知道是$dirty的样式仍然在起作用。
使用
$scope.menuForm.$setPristine();
$scope.menuForm.$setUntouched();
来清除,即可达到目的。具体的工作原理,本人再去详细查下