Angular typeahead : 注意数据集的变化

Question

我在我的项目中使用Siyfion's typeahead directive。

我在控制器中所做的事情是这样的：

$http({method: 'GET', 'url': CONFIG.SOMEURL})                             
    .success(function(data, status, headers , config){                       
    if(status==200)                                                          
    {                                                                        
        $scope.objects = data;                                                
        for(i=0; i < $scope.objects.length; i++){                             
            $scope.allObjects.push($scope.objects[i].name);  
        }                                                                    
        console.log($scope.allObjects);                                       

$scope.dataSet = {                                                           
    name : 'objs',                                                         
    local : $scope.allObjects                                                                                                             
};                

我从django 视图中得到一个“对象”数组作为 json。但问题出在我的 HTML 模板中：

<input type="text" class='sfTypeahead' datasets='dataSet' ng-model='testname' />

由于在进行异步调用时 dataSet 最初是空的，所以我收到一个错误：

TypeError: Cannot read property 'name' of undefined

如果我可以在dataSet 或datasets 中查找更改，是否有办法在数组allObjects 被填充后，DOM 可能会被刷新？

任何人都可以建议在这里可以做什么

Answer 1

完全披露：我是上述指令的作者。

本质上，当 Typeahead.js 和 Bloodhound 专门为您设计时，您正在尝试在 Angular 本身中完成所有预取。仔细查看 https://twitter.github.io/typeahead.js/examples/ 并特别注意 Bloodhound 建议引擎。

也许有些用处：

• https://twitter.github.io/typeahead.js/examples/#remote
• https://github.com/twitter/typeahead.js/blob/master/doc/bloodhound.md#remote
• https://github.com/twitter/typeahead.js/blob/master/doc/bloodhound.md#prefetch

注意：您使用的指令版本（9 个月前）不支持更新数据集局部变量，但现在支持更新，因此您可以如果你喜欢，就这样做吧。