title: typeahead is not working in Angularjs
body: <p>i write a small html code </p>
  
  <pre><code> &lt;!DOCTYPE html(ng-app)&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;Express&lt;/title&gt;
  &lt;link rel="stylesheet" href="/stylesheets/style.css"/&gt;
  &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"/&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="/javascripts/ui-bootstrap-tpls-0.11.0.min.js"&gt;&lt;/script&gt;&lt;script src="/javascripts/customjs.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h1&gt;Weather Forecasting&lt;/h1&gt;
  &lt;div ng-controller="TypeaheadCtrl"&gt;&lt;form&gt;&lt;input type="text" ng-model="selected" typeahead="state for state in states| filter:$viewValue | limitTo:8" class="form-control"/&gt;
  
  &lt;/form&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>and customjs.js file code is </p>
  
  <pre><code>function TypeaheadCtrl($scope, $http) {
  
    $scope.selected = undefined;
    $scope.states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Dakota', 'North Carolina', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'];
    // Any function returning a promise object can be used to load values asynchronously
  
  
  }
  </code></pre>
  
  <p>but typeahead is not showing its autocomplete behaviour can anyone please tell why its not showing suggestions ??</p>