Angular ui-bootstrap：下拉菜单不适用于版本 0.13.3

Question

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

<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 的月份模式，要求ui让我升级到 0.13.3。这是我的解释。这是一个常见的 plunker.

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

Answer 1

要解决此问题，您必须使用指令下拉菜单，而不仅仅是 class。

 <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

Answer 2

根据 Pierre 的建议，我不得不在版本 0.13.3 中添加 属性 'dropdown' 和 'dropdown-toggle' 而不是类到 0.11.0。更改标记来自：

<ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href='#' class="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>
                </ul>

到

<ul class="nav navbar-nav navbar-right">
                          <li dropdown>
                            <a href='#' 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>

成功了。

Angular ui-bootstrap：下拉菜单不适用于版本 0.13.3

Angular ui-bootstrap: dropdown not working with version 0.13.3

javascript

angularjs

angular-ui-bootstrap