opzioni di impostazione per typeahead, utilizzando Angular-ui Bootstrap

Question

Utilizzando typeahead, sto cercando di impostare un paio di opzioni, che sono disponibili come standard Bootstrap typeahead options

utilizzando il seguente codice, sono in grado di impostare il " minLength "proprietà mettendolo in linea come" typeahead-min-length ", ma facendo lo stesso con" items "come" typeahead-items "no. C'è un modo diverso/migliore/standard per farlo? C'è un modo per collegare una serie di opzioni a $ scope?

<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> 

Update: Sto cercando di attaccare con solo AngularJS, e non utilizzare jQuery

Questo è il mio controller:

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

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

Answer 1

Perché non si utilizza il modo in cui JS per inizializzare typeahead:

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

EDIT:

vedo, il modo in cui AngularJS, è possibile utilizzare limitTo:

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