打开ui.bootstrap typeahead下拉列表

Question

我试图向上打开预先设定的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;
                });
            });
        };
    });

因为我有＆＃34;下拉＆＃34;在底部，我该如何扭转开场？

Answer 1

有同样的问题。虽然它不是最优雅的解决方案，但它为我解决了这个问题：

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

Answer 2

我必须做的小改动（注意类名是下拉菜单而不是下拉）

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

我不得不#txtSearch简单，因为我还有其他需要下拉的下拉菜单。