javascript - 更新模糊在 angularjs 中不起作用

标签 javascript angularjs model blur

我创建了一个工作 codepen这个问题的here .

我有以下 Angular 标记:
(我在这里缩短了代码片段,完整的代码可以在笔中看到)。

我的问题是模型在每次按键时更新,而不是仅在输入框模糊时更新。我不确定我错过了什么?

我实际上希望指令也能在模糊时触发,它们正在观察模型。我尝试了 defaultblur 的几种组合。

<div ng-app='test' ng-controller='PController'>
  <table>
    <tbody>
      <tr class="top" ng-repeat-start="person in people">
        <td colspan='3'>{{ person.Name }}</td>
      </tr>
      <tr ng-repeat-end ng-repeat="item in person.Items">
        <td>{{ item.AName }}</td>
        <td><input 
          ng-model="item.A" updateana
          ng-model-options="{ updateOn: 'default blur', debounce: {'default': 500, 'blur': 1000} }" />
          {{ item.A }}</td>
      </tr>
    </tbody>    
  </table>
</div>

谢谢。

最佳答案

ngModelOptions 自版本 1.3.0-beta.6 起可用。你的笨蛋使用 1.2.20。如果您在项目中使用的是该版本,则尚无可用的 ngModelOptions

这里有一个类似的问题:https://github.com/angular/angular.js/issues/7117

请阅读@ggondim 的底部评论(至少截至今天,2014 年 7 月 28 日为“底部”):

A common confusion when reading docs is the selected version in the dropdown before the breadcrumb. I think it should be selected with the latest stable version and not latest beta.

您可能也做了同样的事情:假设文档默认显示最新的稳定版本,而它们显示的是最新的测试版。

关于javascript - 更新模糊在 angularjs 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24990590/

相关文章:

javascript - 暂停自动滚动 Div

javascript - 使用 CSS 和 jQuery 创建自己的 Vue <transition-group> 动画

javascript - 如何识别js注入(inject)的element.style来源?

javascript - 由 jquery.blur() 引起的 Inprog 操作已在进行中

AngularJS - (使用 Ionic 框架) - 标题标题上的数据绑定(bind)不起作用

java - 面板使用与父页面相同的模型

javascript - JSON.parse 将字符串转换为数组错误

在 href 属性中使用 AngularJS 表达式时 HTML5 验证失败

php - updateOrCreate 在 laravel 中导致 ErrorException

php - Magento 捕获异常并回滚数据库事务