javascript - AngularJS:提交表单后如何 $setPristine

Question

当我提交表单时，我希望某些输入元素为 $setPristine。因为在提交表单后，我将清空绑定(bind)到输入元素的模型，以防用户完全可以再次输入新内容。但是，一旦我清空模型，输入元素也会清空，因此将显示 required 的验证信息。

所以我想要在提交表单后 $setPristine 。我想出了两种方法:

一:

我在ng-submit中使用表达式，例如:

<form ng-controller="FormController" name="userForm" ng-submit="userForm.$valid?submitForm(),userForm.keywordsInput.$setPristine(): ''">

但是这个语法似乎很奇怪，因为 Angular 在控制台中报告错误信息。

两个

我可以将表单传递给提交函数，然后在提交函数中传递 $setPristine :

$scope.submit = function (form) {
    form.keywordsInput.$setPristine()
}

但我也不认为这是一个好的做法，因为在 Angular 官方引用网站中，它建议:

Do not use controllers to:Manipulate DOM.

这是一种操纵 DOM 的方式吗？

那么有没有更好的方法来完成这项工作？

Answer 1

我在记录未定义的 $setPristine() 时遇到了同样的问题。但是，在我看来它是有效的。

<button class="button button-stable button-block " type="submit" ng-click="register(registerData);formName.$setPristine();"> Submit </button>