gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 10:29:28 24 4
gpt4 key购买 nike

我正在尝试让 Bootstrap 下拉列表在 plnkr 上工作,但它没有下拉列表,我在这里创建了一个 plunk:

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>

有什么想法吗?

最佳答案

Bootstrap 的 CSS 之后的 head 中添加 JqueryBootstrap 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>

关于css - Angular Bootstrap 拆分下拉按钮不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36601726/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com