项目常见错误及解决方法-angular表单验证清除$dirty样式问题

最近，公司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的样式仍然在起作用。

使用

$scope.menuForm.$setPristine();
$scope.menuForm.$setUntouched();

最后

以上就是殷勤乌龟为你收集整理的项目常见错误及解决方法-angular表单验证清除$dirty样式问题的全部内容，希望文章能够帮你解决项目常见错误及解决方法-angular表单验证清除$dirty样式问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。