angularjs - AngularJS ngModelOptions updateOn '提交' validateOn '默认'

Question

使用 ngModelOptions 时有什么方法可以触发验证吗？我的用例是有一个表单，其中所有字段都在提交时更新 ngModel（因为我想在用户单击取消按钮时恢复整个表单）。有了这个，我无法立即验证我的字段。仅在更新模型时验证字段，因此 onSubmit。是否有任何内置解决方案或者我应该使用我的自定义实现？

<form name="editForm" ng-submit="edit()">
  <input type="text" name="text" required maxlength="140" ng-model="myObject.text"
         ng-model-options="{ updateOn: 'submit' }" />

  <button type="submit" ng-disabled="editForm.$invalid">
    Save
  </button>
</form>

Answer 1

我通常做的是在 js 代码上提交表单的视图值，如果表单无效则不要提交。因此，在 HTML 中，我添加了一个点击属性，例如：

<button on-click="edit(editForm)">

然后在javascript上

 edit = function(editForm) {
   editForm.$commitViewValue;
   if (editForm.$valid) { // submit code }
 }