angularjs - 如何延迟对模型的更改直到我完成输入？

Question

我有这个字段:

 <input ng-model="phs.englishRange"
                   style="width:6rem;"
                   type="text" />

该词在过滤器中使用，因此当我对其进行任何更改时，过滤器会在进行更改时发生变化。有没有办法可以在停止输入后将模型更改延迟 1 秒？

Answer 1

针对您的用例，在输入最后一个字符后 1 秒触发模型更新(每次都会重置模型更新计时器):

ng-model-options="{ updateOn: 'default', debounce: {'default': 1000} }"

更多选项 - 模糊更新:

ng-model-options="{ updateOn: 'blur' }"  

选项有“默认”(当您键入时)和/或“模糊”(当您离开输入时)。

您还可以在模型选项中使用debounce来控制发布模型更新的速度。

debounce: { 'default': 500, 'blur': 0 }