Angularjs ng-required 关闭模型后不清除通知

Question

我正在使用 Angularjs ng-required 进行表单验证。当我试图用空白表格保存时，它显示填充值错误。在我关闭模型并重新打开模型后，表单验证通知未被清除。 SamplePlnkr Code

Answer 1

您需要在模式关闭时重置表单。您应该调用模态关闭按钮的重置功能。请查看下面的代码并进行必要的更改。在您的模板中，请在 ng-click-

上调用重置功能

ng-click="reset();"

有很多方法可以将表单设置为原始状态，将表单数据复制到临时对象中就是其中之一。喜欢

$scope.mainForm = angular.copy($scope.new_visa);

并且在您的控制器中，请使用以下代码定义一个重置函数。

$scope.reset = function (){
        $scope.submitted = false;
        $scope.new_visa = angular.copy($scope.mainForm);
        $scope.visa_form.$setPristine();
      }

$setPristine 函数将表单设置为预置状态。当我们在提交或重置后重用我们的表单时，它非常有用。工作 Plunker 在这里检查您的完整代码。

Answer 2

使用 $setPristine(); 方法重置表单。参见 here

您可以这样调用： $scope.myForm.$setPrestine();

Angularjs ng-required 关闭模型后不清除通知

Angularjs ng-required not clear the notification after closing model

javascript

twitter-bootstrap

angularjs

bootstrap-modal