title: Open ui.boostrap typeahead dropdown up
body: <p>I trying to open the typeahead boostrap-ui angular upwards.</p>
  
  <p>Here is my code example:</p>
  
  <p>index.html</p>
  
  <pre><code> &lt;div class="dropup" ng-controller="TypeaheadCtrl"&gt;
         &lt;input type="text" ng-model="asyncSelected" placeholder="&gt; Select issue" typeahead="address for address in getLocation($viewValue)" typeahead-loading="loadingLocations" class="form-control inline-edit-form"&gt;
         &lt;i ng-show="loadingLocations" class="glyphicon glyphicon-refresh"&gt;&lt;/i&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>app.controller('TypeaheadCtrl', function($scope, $http) {
          $scope.selected = undefined;
          $scope.getLocation = function (val) {
              return $http.get('http://maps.googleapis.com/maps/api/geocode/json', {
                  params: {
                      address: val,
                      sensor: false
                  }
              }).then(function (response) {
                  return response.data.results.map(function (item) {
                      return item.formatted_address;
                  });
              });
          };
      });
  </code></pre>
  
  <p>Because I have the "dropdown" at the bottom, how can I reverse the opening?
  <img src="https://i.stack.imgur.com/uk5l6.png" alt="enter image description here"></p>