Angularjs 引导下拉菜单不起作用 [英] Angularjs bootstrap dropdown not working

问题描述

对 angularjs 和 bootstrap 有点陌生.

Am bit new to angularjs and bootstrap.

我正在尝试添加一个简单的下拉列表.但它不起作用.

Am trying to add a simple dropdown. But it is not working.

尝试了@Bootstrap 3 简单下拉菜单不起作用的建议.这也行不通.

Tried out the suggestion @ Bootstrap 3 simple dropdown not working. That is also not working.

<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

希望有人能帮我.

推荐答案

你需要在你的锚标签中添加 on-toggle，以避免 bootstrap dropdown angular dropdown class 之间的冲突，这个 issue is a closed on angular-ui(https://github.com/angular-ui/bootstrap/issues/2156)

You need to add on-toggle to your anchor tag, to avoid conflicts between bootstrap dropdown angular dropdown class, this issue is a closed on angular-ui(https://github.com/angular-ui/bootstrap/issues/2156)

这篇关于Angularjs 引导下拉菜单不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！