AngularJS ngModelOptions updateOn 'submit' validateOn 'default'

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代码上提交表单的 View 值，如果表单无效则不提交。因此在 HTML 中我添加了一个点击属性，例如:

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

然后在 javascript 上

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