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>

这显示了我的电子邮件地址，下拉列表工作正常。

将它放在实时服务器上，然后失败。没有下拉列表，控制台中没有记录任何内容。只有我的电子邮件没有切换。

根据docs，我也尝试了这个方法：

<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>

这适用于现在。

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

1 个答案: