如何根据 ngModel 的有效性使用不同的 ngModelOptions

Question

我目前使用ng-model-options="{ updateOn: 'default blur', debounce: { default: 500, blur: 0 } }" 是为了避免在我的用户填写输入时向他们显示错误。但是，我发现这也让错误变得不和谐，一旦它们出现，即使错误已经得到纠正，也会停留更长时间。

我想知道是否有一些（非hacky）方法可以根据 ngModel 的有效性动态更改 ngModelOptions，这样如果模型有效，它只会在模糊时验证更改，而如果它无效，它将立即验证。这样做的最终结果是错误会尽快消失，而在绝对必要之前不会再次出现。

Answer 1

我也有同样的想法，我能想到的唯一方法是： 也将默认去抖动设置为 0，然后观察字段是否无效/有效。 手表里面：

• 如果字段因 $timeout 无效，则延迟显示错误
• 但要在字段有效后立即删除错误（不要忘记同时删除 $timeout）。