Ng 模型选项不适用于 $scope 变量答案

【问题标题】：Ng Model Options is not working from $scope variableNg 模型选项不适用于 $scope 变量
【发布时间】：2015-10-09 16:15:35
【问题描述】：

我的ng-model 应该更新 Onblur：立即打字：0.5 秒后。为什么这没有发生？

app = angular.module("dailySheetApp", []);
app.controller("dailySheetCtrl", function($scope) {

  $scope.inputBounce= { "updateOn":"default blur","debounce":{"default":500,"blur":0} };


});

<html ng-app="dailySheetApp">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
  <body ng-controller="dailySheetCtrl">
    <input type="text" ng-model="data" ng-model="inputBounce">
  {{data}}
  </body>
</html>

提前谢谢你

【问题讨论】：

标签： javascript html angularjs angularjs-directive angularjs-ng-model

【解决方案1】：

这里有几件事不太正确。首先，您没有正确声明ng-model-options。观察标记变化。其次，ngModelOptions 在 1.2.x 中不可用。更新后的示例使用的是 1.3.0

app = angular.module("dailySheetApp", []);
app.controller("dailySheetCtrl", function($scope) {
  $scope.inputBounce= { "updateOn":"default blur","debounce":{"default":500,"blur":0} };
});

<html ng-app="dailySheetApp">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
  <body ng-controller="dailySheetCtrl">
    <input type="text" ng-model="data" ng-model-options="inputBounce">
    {{data}}
  </body>
</html>

【讨论】：

它在这里工作，但在应用程序中它不工作。，你实际上改变了什么......
我更改了标记，如图所示。 ng-model-options="inputBounce"。您可以不使用 AngularJS 的 v1.2.x，它还没有实现。您至少需要使用 1.3.0。我提供的示例是使用版本 1.3.0
@ManikantaReddy 如果您致力于使用 AngularJS 1.2.x，您始终可以编写一个自定义指令来消除模型的抖动（或仅将其设置为模糊）。我知道事实上有一些开源解决方案。
@CalebWilliams 所说的是一种可能性。希望您可以升级，但这些是您的示例无法解决原始问题的主要原因。