以编程方式更新文本输入后更新 ng-repeat 过滤器

Question

我正在使用 jQuery 自动完成功能开始为输入文本的用户填写值。

<input type="text" ng-model="tags" name="tags" id="tags" value="" />

稍后我的 ng-repeat 会根据该文本过滤内容

<div ng-repeat="ability in abilities | tagsFilter:tags">
 {{ ability }}
</div>

在 jQuery 自动完成内部，当用户从自动完成下拉菜单中选择一个项目时，有一个回调函数。

    select: function( event, ui ) {
      var terms = split( this.value );
      // remove the current input
      terms.pop();
      // add the selected item
      terms.push( ui.item.value );
      // add placeholder to get the comma-and-space at the end
      terms.push( "" );
      this.value = terms.join( ", " );

      // I Want to tell angularJS to update

      return false;
    }

我如何告诉我的 ng-repeat 更新？

我尝试查看 $scope.apply() 但 $scope 不在 jQuery 回调的范围内。

Answer 1

您应该能够从那里访问范围。

试试这个：

var scope = angular.element($('#tags')).scope();

scope.$apply(function() {
  // your apply function goes here
})