最近，公司angular项目，使用到了angular自身的表单验证，我是用了其自身验证，具体场景是 增加一个条目，在表单中验证是否符合条件，增加成功后，再次增加，重置表单，重复上述过程。但是遇到一个问题，就是在添加一次后，每一次重新添加，将表单清空。按道理此时，$dirty是不应该起作用的，但是还是会有不提示。
复制代码
1
2
3
4
5
6
7
8
9<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的样式仍然在起作用。
使用
复制代码
1
2$scope.menuForm.$setPristine(); $scope.menuForm.$setUntouched();
来清除，即可达到目的。具体的工作原理，本人再去详细查下
最后
以上就是殷勤乌龟最近收集整理的关于项目常见错误及解决方法-angular表单验证清除$dirty样式问题的全部内容，更多相关项目常见错误及解决方法-angular表单验证清除$dirty样式问题内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复