tùy chọn Setting cho typeahead, sử dụng góc-ui Bootstrap

Question

Sử dụng typeahead, tôi đang cố gắng để thiết lập một vài tùy chọn, trong đó có sẵn như là tiêu chuẩn Bootstrap typeahead options

Sử dụng đoạn mã sau, tôi có thể thiết lập các " minLength "tài sản bằng cách đặt nó trong dòng là" typeahead-min-length ", nhưng làm tương tự với" items "là" typeahead-items "thì không. Có cách nào khác/tốt hơn/tiêu chuẩn để thực hiện việc này không? Có cách nào để đính kèm một mảng các tùy chọn vào phạm vi $?

<div class='container-fluid' ng-controller="TestController"> 

<input type="text" ng-model="selected" 
typeahead="foo for foo in foo | filter:$viewValue" typeahead-items='5' typeahead-min-length='3'> 

<pre>{{selected| json}}</pre> </div> 

Cập nhật: Tôi đang cố gắng gắn bó với chỉ AngularJS, và không sử dụng jQuery

Đây là bộ điều khiển của tôi:

myAppModule.controller('TestController', function($http,$scope) { 
    $scope.selected = undefined; 

    $http.get('data/sample.json') 
     .then(function(results){ 
      $scope.foo = results.data; 
     }); 
    }); 

Answer 1

Tại sao bạn không sử dụng cách JS để khởi tạo typeahead:

$('input.typeahead').typeahead({ 
    source: array_of_value_here, 
    minLength: 1, 
    items: 5, 
    // your option values ... 
}); 

EDIT:

tôi thấy, cách AngularJS, bạn có thể sử dụng limitTo:

<input type="text" ng-model="selected" typeahead="foo for foo in foo | filter:$viewValue | limitTo:5" typeahead-min-length='3'>