执行操作后的AngularJS表单验证

执行操作后的AngularJS表单验证,angularjs,Angularjs,只有在用户点击一些按钮后才显示验证错误的最佳实践是什么?$.pristine和$.dirty会立即反映出来,所以这样做是行不通的 <input name="email" id="email" type="email" required ng-model="user.email" placeholder="email"> <div ng-show="form.$dirty && form.email.$invalid"> <span clas

只有在用户点击一些按钮后才显示验证错误的最佳实践是什么?$.pristine和$.dirty会立即反映出来,所以这样做是行不通的

<input name="email" id="email" type="email" required ng-model="user.email" placeholder="email">

<div ng-show="form.$dirty && form.email.$invalid">
    <span class="error" ng-show="form.email.$error.required">Required!</span>
    <span class="error" ng-show="form.email.$error.email">This is not a valid email.</span>
</div>

必修的!
这不是一封有效的电子邮件。

我想我可以编写一些指令来实现这一点,但我只是想知道是否有更简单的方法。

我会创建一个名为
$scope.batherrors
的自定义变量,当用户执行操作时(如按下按钮),然后将
$scope.batherrors
设置为
false
。然后,除了您正在进行的其他检查外,您的外部div还将检查
淋浴错误
,作为
ng show