javascript - Angular ui-bootstrap : dropdown not working with version 0. 13.3

Question

我成功地使用了 0.11.0 版本的 ui-bootstrap 下拉菜单，如下所示:

<ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href='#' class="dropdown-toggle"><i class="fa fa-cogs"></i> Hi {{"{{user.fName}}"}} !<span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="settings">My Account</a></li>
                              <!--   <li class="divider"></li> -->
                                <li><button class="btn btn-danger btn-block" onclick="LogOut()">Log Out</button></li>
                            </ul>
                        </li>
                    </ul>

但是，我需要使用datepicker 的月份模式，这需要我升级到0.13.3。这是我的 other question解释那个。这是一个常见的 plunker .

但是，现在我的下拉菜单停止工作了。单击它时，没有下拉菜单显示，但也没有错误。知道我应该如何解决这个问题吗？

Answer 1

要解决此问题，您必须使用指令下拉列表，而不仅仅是类。

 <li class="dropdown" dropdown>
      <a class="dropdown-toggle" dropdown-toggle>
             <i class="fa fa-cogs"></i> Hi !
             <span class="caret"></span>
      </a>
      <ul class="dropdown-menu" role="menu">
          <li><a href="settings">My Account</a></li>
          <!--   <li class="divider"></li> -->
          <li><button class="btn btn-danger btn-block" onclick="LogOut()">Log Out</button></li>
       </ul>
 </li>

只需在您的 HTML 标记上添加 dropdown 和 dropdown-toggle 即可。

Working Plunker