Открыть ui.boostrap typeahead updown

Question

Я пытаюсь открыть typeahead boostrap-ui угловой вверх.

Вот мой пример кода:

index.html

<div class="dropup" ng-controller="TypeaheadCtrl"> 
     <input type="text" ng-model="asyncSelected" placeholder="> Select issue" typeahead="address for address in getLocation($viewValue)" typeahead-loading="loadingLocations" class="form-control inline-edit-form"> 
     <i ng-show="loadingLocations" class="glyphicon glyphicon-refresh"></i> 
</div> 

app.js

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; 
       }); 
      }); 
     }; 
    }); 

Потому что у меня есть "выпадающий" в нижней части, как я могу полностью изменить открытие?

Answer 1

Была такая же проблема. Хотя это не самый элегантное решение, это установило для меня:

div.dropup ul { 
    bottom:100% !important; 
    top:auto !important; 
} 

Answer 2

Незначительных изменений я должен был сделать (обратите внимание на имя класса является выпадающим меню и не dropup)

#txtSearch ul.dropdown-menu { 
    bottom:100% !important; 
    top:auto !important; 
} 

мне пришлось # txtSearch просто потому, что у меня есть другое раскрывающееся меню, которое нужно опустить.