Angular 去抖动（ng-model-options）不工作

Question

我有以下输入：

<input type="text" placeholder="{{::vm.placeholder}}" ng-model="vm.value" ng-model-options="{debounce: vm.delay}" ng-change="vm.emitChange()">

我正在使用 "as a vm" 语法，目前当我使用 ng-model-options="{ debounce: vm.delay }" 时它不起作用，如果我硬编码到 ng-model-options="{ debounce: 1000 }" 它有效。

Answer 1

ngModelOptions 指令在指令的控制器首次运行时评估（使用 $scope.$eval）ng-model-options 属性的值。之后，ngModel消耗的选项不会改变。

来自 src (1.3.15)

this.$options = $scope.$eval($attrs.ngModelOptions);

换句话说，无论指令运行时的评估值是什么，都会 "lock in" ngModel.

的选项