带有AngularJS过滤器的Jquery自动完成

Question

我无法让 AngularJS 过滤器与 Jquery 自动完成功能一起正常工作。输入时过滤器工作正常，但如果您从自动完成列表中选择项目，则在再次按下键之前不会更新结果。

jQuery 自动完成：

$( "#searchTeam" ).autocomplete({
            source: teamList,
            change: function(event,ui)
            {
                if (ui.item==null)
                {
                    $("#createPeopleForm_team").val('');
                    $("#createPeopleForm_team").focus();
                    angular.element($(this)).triggerHandler('input')
                }
            },
            minLength: 0
        }).focus(function(){
            //Use the below line instead of triggering keydown
            $(this).autocomplete("search");
        });
    });

过滤器的输入如下所示：

<input id="searchTeam" ng-model="query.team"><br/>

Answer 1

$( "#searchTeam" ).autocomplete({
            source: teamList,
            change: function(event,ui)
            {
                if (ui.item==null)
                {
                    $("#createPeopleForm_team").val('');
                    $("#createPeopleForm_team").focus();
                    angular.element($(this)).triggerHandler('input')
                }
            },
            minLength: 0
        }).focus(function(){
            //Use the below line instead of triggering keydown
            $(this).autocomplete("search");
$scope.$apply();//might be you missing this
        });
    });

您可能需要使用 $scope.$apply 手动更新绑定。试试看