javascript - 使用 ng-model-optios getterSetter 时无法输入无效的视图值

Question

如果我在表单验证中使用ng-model-option's getterSetter，那么我不能在输入中输入任何无效的内容。例如

HTML

<input type="number" ng-model-options="{getterSetter: true}" ng-model="ctrl.myVal" min="10">

JS

this.myVal = function(value) {
  if (value !== undefined) {
    this.actualVal = value;
  } else {
    return this.actualVal;
  }
};

使用该输入，我无法输入任何数字，因为它会小于 10。

我试图获得与没有getterSetter. 即：用户可以在视图中输入任何无效的输入，但只有在输入有效时才会设置模型。

任何人都知道我可以使用的解决方法来获得表单验证，getterSetter或者任何人都可以解释为什么会发生这种情况？

score 3 · Accepted Answer

发生这种情况是因为value传递给您的 setter 可以是undefined，欺骗您的 getterSetter 将“setter”调用作为“getter”调用处理。

将您的条件从更改value !== undefined为arguments.length将解决您的问题：更新的 plnkr

1 回答 1