以编程方式选择AngularJS Typeahead选项

Question

我有一个AngularJS Typeahead以异步方式检索匹配项。当条形码扫描到现场时，它会返回匹配结果，但用户仍然必须选择它。如果它完全匹配，我想自动选择结果。我看到typeahead有一个select（idx）函数，但不知道如何从我的控制器获取对它的引用。

我设想是这样的：

$scope.SearchItems = function (term) { 
    return $http.get('api/Items/Search', { 
     params: { 
      term: term 
     } 
    }).then(function (response) { 
     if (response.data.length == 1 && response.data[0].Code == term) { 
      // Somehow inform typeahead control to select response.data[0] 
     } 
     return response.data; 
    }); 
}; 

Answer 1

我也有类似的问题，从来没有想出如何访问预输入的select(idx)，但我设法让这一功能。这里是我的解决办法哈克....

$promise.then(function(res) { 
angular.forEach(res, function(item, key) { 

    // if we have an exact match 
    if (item.title === term) { 
     // update model 
     $scope.src = item; 

     // find item in dropdown 
     var elm = '[id*=option-' + key + ']'; 
     var opt = angular.element(document.querySelectorAll(elm)); 

     //call click handler outside of digest loop 
     $timeout(function() { 
      opt.triggerHandler('click'); 
     }, 0); 
    } 
}); 
// return async results 
return res; 
}); 

基本上我们只是手动更新我们的模型，我们的下拉定位元素，然后关火“点击”处理程序。确保你将triggerHandler调用的$timeout()设置为零，否则由于摘要已在进行中，您将收到$rootScope:inprog错误。