Angular 指令抛弃了双向数据绑定

Question

我正在将此 jQuery 自动完成插件改编成指令 - https://github.com/devbridge/jQuery-Autocomplete。

我有一个有效的指令：

App.directive('autocomplete', ->
  return {
    restrict: 'A',
    link: ($scope, elem, attr) ->
      console.log(attr.autocomplete)
      elem.autocomplete({
        serviceUrl: '/videos/autocomplete/' + attr.autocomplete
      })
  }
)

但是，当我在自动完成列表中选择某些内容时，双向数据绑定会出现问题，并且只会更新输入。

关于如何解决这个问题的任何想法？

Answer 1

Necroposting这篇文章，因为我认为这对很多人来说是有用的，以了解我所指的这篇很棒的帖子:)

Angular 有一种方法可以观察对象的变化，这依赖于 JavaScript 的“回合制”特性。这在this awesome article by Jim Hoskins中解释得很清楚。

基本上，Angular 会检查周期中的变化，但是当这些周期之间发生变化时，它无法知道是否需要再次执行检查！ （非常简单的解释；再次参考the article）

底线，我们需要通知它我们改变了一些东西，所以假设你的选择触发了一个handler()，它执行了一个action()

您只需将action 包装成$scope.$apply

function handler(){
    $scope.$apply(function(){
        action();
    });
}