Question

我有以下代码：

            <form class="form"
                  data-ng-submit="modalSubmit(modal.data)"
                  id="modal-body"
                  name="modalForm"
                  novalidate>

这很有效，当我点击提交类型的按钮时，会调用modalSubmit函数。

但是我想在我的控制器中执行此操作：

$scope.modalForm.$setPristine();

但它提出错误说：

has no method '$setPristine'

如何将表单设置为原始状态？我确实尝试添加data-ng-form="modalForm"但我得到了一条消息，说明重复指令名称的效果。

我尝试将表单元素更改为DIV，但是单击提交按钮不会调用功能

这是一个示例（从另一个用户修改），显示我要做的事情，设置值为pristine：

plnkr.co/edit/LNanJdAggMLIgxii0cfv?p=preview

Answer 1

你在那里没有做错任何事情，唯一的问题是你引用了$setPristine()不是特征的旧版角度。 1.1 {+}中添加了$setPristine()，因此请参考较新版本的角度，您可以继续使用。使用1.2。+。

查看它在this plunk中的工作情况

如果你无法升级，那么一个肮脏的解决方法是循环遍历表单中的所有输入并手动设置$ dirty和$ pristine值：

$scope.mp = function() {
  $scope.mainForm.$pristine=true;//clean main form
  $scope.mainForm.$dirty=false;
  angular.forEach($scope.mainForm,function(input){//clean all input controls
    if (input !== undefined && input.$dirty !== undefined) {
      input.$dirty=false;
      input.$pristine=true;
    }
  });
}

Answer 2

首先，你的角度版本是旧版本，1.2.12是CDN上的最新版本。但即使它不允许$ setPristine因为正在进行的HTML5验证。

最大的问题是您在字段上使用了required而不是ng-required。浏览器正在为您进行表单验证而不是角度。您还可以将novalidate属性添加到表单标记。

http://plnkr.co/edit/l1mUCceSFMFFZWgGgL6u?p=preview

Answer 3

它已经在这个link中实现了你可以使用它，就像在plnkr链接中已经证明的那样。从上面的描述中可以看出，$ setPristine只改变了表单的状态（从而重置了应用于表单中每个控件的css）。

如果要清除每个控件的值，则需要为每个代码执行操作。

如何进行验证和使用.. $ setPristine（）;在AngularJS表格中？

3 个答案: