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的month模式 ，这需要我升级到0.13.3 。 这是我要解释的另一个问题 。 这是一个普通的矮人 。

但是，现在我的下拉菜单已停止工作。 单击它时，没有显示下拉列表，但也没有错误。 知道我该如何解决吗？

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达到目的。

工作柱塞

Answer 2

正如Pierre所建议的，我必须添加属性'dropdown'和'dropdown-toggle'而不是添加0.13.3和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>

做到了。