title: Setting options for typeahead, using Angular-ui Bootstrap
body: <p>Using typeahead, I am trying to set a couple of options, which are available as standard Bootstrap <a href="http://twitter.github.io/bootstrap/javascript.html#typeahead" rel="noreferrer">typeahead options</a></p>
  
  <p>Using the following code, I'm able to set the "minLength" property by putting it in-line as "typeahead-min-length", but doing the same with "items" as "typeahead-items" does not.  Is there a different/better/standard way to do this?  Is there a way to attach an array of options to  $scope?</p>
  
  <pre><code>&lt;div class='container-fluid' ng-controller="TestController"&gt;
  
  &lt;input type="text" ng-model="selected" 
  typeahead="foo for foo in foo | filter:$viewValue" typeahead-items='5' typeahead-min-length='3'&gt;
  
  &lt;pre&gt;{{selected| json}}&lt;/pre&gt;  &lt;/div&gt;
  </code></pre>
  
  <p>Update: I'm trying to stick with just AngularJS, and not use jQuery</p>
  
  <p>This is my controller:</p>
  
  <pre><code>  myAppModule.controller('TestController', function($http,$scope) {
    $scope.selected = undefined;
  
    $http.get('data/sample.json')
         .then(function(results){
            $scope.foo = results.data; 
        });
    });
  </code></pre>