Question

我在我的AJS应用程序中尝试了以下操作，并且没有显示bootstrap下拉菜单。可能的原因是什么？

<div class="col-xs-12 col-sm-12 col-md-12 searchBarBG">
				<div class="col-xs-2 col-sm-2 col-md-2">
					<div class="filterBarCommon" title="Filter By" 
					ng-click="searchReservationVm.closeAllFilterDiv()">
					<span>Filter By</span>
					</div>
					<span class="lineDiv" id="filterLineDiv"></span>
				</div>
				<div class="col-xs-2 col-sm-2 col-md-2">
					<div class="btn-group" role="group">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      Dropdown
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      <li><a href="#">Dropdown link</a></li>
      <li><a href="#">Dropdown link</a></li>
    </ul>
  </div>
				</div>

由于

Answer 1

下拉列表需要指向bootstrap.js文件的链接。

Answer 2

在行之间阅读，我怀疑您正在使用Bootstrap site中的示例代码，同时尝试实际获得Bootstrap AngularUI指令。

确保将dropdown和dropdown-toggle指令添加到相应的父元素和按钮元素中。

    <span dropdown> <!-- Notice the dropdown directive here -->
       <button type="button" class="btn btn-primary" dropdown-toggle> <!-- and the dropdown-toggle directive here --> 
        Dropdown
            <span class="caret"></span>
       </button>
      <ul class="dropdown-menu" aria-labelledby="simple-dropdown">
        <li ng-repeat="choice in items">
          <a href>{{choice}}</a>
        </li>
      </ul>
    </span>

旁注：您应该尝试提供更多信息，包括您尝试过的内容，您获得的错误以及您尝试过的内容，然后您的投票率会降低。

Bootstrap下拉菜单未显示

2 个答案: