AngularJS和Bootstrap的拆分按钮下拉菜单

Question

您是否知道有人将Bootstrap的脚本移植到Angularjs？

我需要Bootstrap的应用程序下拉列表，我真的很想避免将jQuery插入。

查看此演示：http：//jsfiddle.net/guillaumebiton/8murc/

仅角度的力量：

<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>

它仅使用一个是true或false的变量"打开"。

作为Angular-UI的一部分，我们正在努力在Pure AngularJs中创建Bootstrap的小部件（对第三方JS Libs没有依赖性，只有依赖性是Bootstrap的CSS）。

>

存储库位于这里：https：//github.com/angular-ui/bootstrap

这是在进行的很多工作，但是已经有下拉访问指令：https://github.com/angular-ui/bootstrap/blob/master/src/dropdowntoggle/dropdowntoggle.js

您可以这样使用：

<div ng-controller="MyCtrl">
  <div class="btn-group">
      <a class="btn dropdown-toggle">
        Actions
        <span class="caret"></span>
      </a>
      <ul class="dropdown-menu">
          <li><a>Action 1</a></li>
          <li><a>Action 2</a></li>
      </ul>
  </div>
</div>

请注意，该指令在课程级别上运行，因此添加dropdown-toggle类以使其运行！

再次，这是在进行的工作（整个工作开始了2-3周前），因此非常欢迎错误报告/拉动请求！

您可以尝试使用此指令，该指令将AngularJS Select Box转换为Bootstrap的下拉列表：http：//jsfiddle.net.net/m32pj/28/样品：

<select ng-model="example1" bs-selectbox>
 <option value="1">One</option>
 <option value="2">Two</option>
</select>

`