1

在我的本地环境中，我正在加载 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

4

1 回答 1

0

The issue was that I had a class and directive defined:

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

I changed this to:

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

This works for both now.

于 2014-09-26T15:40:13.073 回答