twitter-bootstrap - AngularJS 和 Bootstrap 拆分按钮下拉菜单

Question

你知道是否有人将 Bootstrap 的脚本移植到 AngularJS 中吗？

我需要 Bootstrap 的 split button dropdown对于我的应用程序，我真的很想避免拉入 jQuery。我似乎无法通过谷歌搜索。

Answer 1

看这个演示:http://jsfiddle.net/guillaumebiton/8muRC/

只有 Angular 的强大功能:

<div class="btn-group" ng-class='{open: open}'>
    <button class="btn">Action</button>
    <button class="btn dropdown-toggle" data-toggle="dropdown" ng-click='open=!open'>
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li><a href="#">Separated link</a></li>
    </ul>
</div>

它只使用一个变量“open”，它是真或假。