Angular Js中的可滚动下拉菜单

Question

我的Dropup看起来像这样 - >

<div class="dropup">
   <button class="btn btn-primary btn-raised dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                {{selectList.selectedListItem}}
        <div class="ripple-container"></div>
   </button>
   <div class="dropdown-menu">
      <a class="dropdown-item" ng-repeat="list in roleList" href="#" ng-value="list.role" name="{{list.role}}" ng-click="update(list.role, list._id)" id="{{list.role}}" ng-model="selectList" name="selectedList">{{list.role}}</a>
   </div>
</div>

我在dropup-menu上使用CSS作为 - >

overflow: scroll;
max-height: 200px;

但它对我不起作用. 还有其他方法吗？

将此Css添加到下拉菜单 - >后更新

overflow: scroll;
max-height: 200px !important;

我的下拉菜单现在看起来没有可滚动 - >

Answer 1

在最外面的 div 中添加此样式属性

<div class="dropdown-menu" style="height: 200px;overflow: auto;">

这对我有用。