Angular Bootstrap-Dropdown在本地工作，而不是在服务器上

Question

在本地环境中，我正在Angular Bootstrap UI中加载。所有似乎都在工作，我有一个简单的下拉菜单如下：

<li class="dropdown">
    <a class="dropdown-toggle"><span ng-bind="conn.email"></span> <span class="caret"></span></a>
    <ul class="dropdown-menu" role="menu">
        <li class="divider"></li>
        <li><a ng-click="logout()">Logout</a></li>
    </ul>
</li>

这显示了我的电子邮件地址，下拉菜单运行良好。

把它放在实时服务器上，它就会失败。不会出现任何下拉列表，控制台中也不会记录任何内容。只有我的电子邮件没有切换。

根据文档，我也尝试过其中的方法：

<li class="dropdown" dropdown>
   <a class="dropdown-toggle" dropdown-toggle><span ng-bind="conn.email"></span> <span class="caret"></span></a>
   <ul class="dropdown-menu" role="menu">
        <li class="divider"></li>
        <li><a ng-click="logout()">Logout</a></li>
   </ul>
</li>

这甚至没有在本地或服务器上显示任何内容——我想指令出了什么问题？

UI Bootstrap: Version: 0.11.0

Answer 1

问题是我定义了一个类和指令：

<li class="dropdown" dropdown>
   <a class="dropdown-toggle" dropdown-toggle><span ng-bind="conn.email"></span> <span class="caret"></span></a>
   <ul class="dropdown-menu" role="menu">
        <li class="divider"></li>
        <li><a ng-click="logout()">Logout</a></li>
   </ul>
</li>

我把它改成：

<li dropdown>
   <a dropdown-toggle><span ng-bind="conn.email"></span> <span class="caret"></span></a>
   <ul class="dropdown-menu" role="menu">
        <li class="divider"></li>
        <li><a ng-click="logout()">Logout</a></li>
   </ul>
</li>

这对双方都有效。