Question

我正在尝试让plnkr上的bootstrap下拉列表工作，但它没有从列表中删除，我在这里创建了一个插件：

http://plnkr.co/edit/tw3O5ihT7YB79BcAGlsh

此代码是从bootstrap复制的：

  <body ng-controller="MainCtrl as vm">
    <!-- Split button -->
    <div class="btn-group">
      <button type="button" class="btn btn-danger">Action</button>
      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
      </button>
      <ul class="dropdown-menu">
        <li ng-repeat="a in vm.exportAction">
          <a ng-if="a.visble == true">
            <span ng-click="vm.selectedExport(a)">{{a.action}}</span>
          </a>
          <div ng-if="a.divider == true">
            <div role="separator" class="divider"></div>
          </div>
        </li>
      </ul>
    </div>
  </body>

有什么想法吗？

Answer 1

在Jquery CSS后Bootstrap中添加head和Bootstrap's个JavaScript文件 - plnkr：

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
 <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

Angular Bootstrap拆分下拉按钮不起作用

1 个答案: