Angularjs与jquery auto完成无法正常工作

我正在尝试过去5个小时没有成功…这是代码..

在视图中：

Foo = {{foo}} 

在控制器中：

  myapp.directive('autoComplete', function(autoCompleteDataService) { return { restrict: 'A', link: function(scope, elem, attr, ctrl) { elem.autocomplete({ source: autoCompleteDataService.getSource(), //from your service select: function( event, ui ) { scope.foo= ui.item.label; scope.$apply; }, change:function (event, ui) { if (ui.item === null) { scope.foo = null; } }, minLength: 2 }); } }; }); myapp.factory('autoCompleteDataService', [function() { return { getSource: function() { return ['apples', 'oranges', 'bananas']; } } }]); 

这是问题……

所选项目进入输入框，但输入框旁边的foo变量未更新。

哪里出错了。

请建议……

Answer 1

更改

 scope.$apply; 

至

 scope.$apply(function(){ scope.foo= ui.item.label; });