AngularJS Bootstrap下拉列表不起作用

Question

angularjs和bootstrap有点新。

我正在尝试添加一个简单的下拉菜单。但这是行不通的。

尝试了@ Bootstrap3简单下拉菜单的建议。那也行不通。

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" ui-sref="a">a<span class="caret"></span></a>
<ul class="dropdown-menu">
  <li><a ui-sref="a">a</a></li>
  <li><a ui-sref="b">b</a></li>
  <li><a ui-sref="c">c</a></li>
  <li><a ui-sref="d">d</a></li>
  <li><a ui-sref="e">e</a></li>
  <li><a ui-sref="f">f</a></li>
  <li><a ui-sref="g">g</a></li>
  <li><a ui-sref="h">h</a></li>
  <li><a ui-sref="i">i</a></li>         
  <li><a ui-sref="j">j</a></li>
  <li><a ui-sref="k">k</a></li>
</ul>
</li>

完整代码@
http://plnkr.co/edit/uFDFOJfHjL5qY9nVEykq?p=preview

希望有人能帮助我。

Answer 1

您需要ui.bootstrap在应用程序中包含模块。

var app = angular.module('App', ['ui.router','ui.bootstrap']);

并ui-sref从下拉触发器中删除。

<a class="dropdown-toggle" data-toggle="dropdown" >a<span class="caret"></span></a>

普伦克