Css 与uib下拉菜单一起使用时，ng repeat仅填充数组中的最后一个条目

我试图使用UI引导的uib下拉菜单和ng repeat填充一个下拉菜单，但只填充数组中的最后一条记录

<div id="navbar" class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
        <li ng-class="{active: isActive('/resources/')}" class="dropdown" uib-dropdown>
            <a uib-dropdown-toggle class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">Resources <span class="caret"></span></a>
            <ul ng-repeat="resource in TN.resourceList" class="dropdown-menu">
                <li><a href="{{ resource.ResourceLink }}" target="_blank">{{ resource.ResourceText }}</a></li>
            </ul>
        </li>
    </ul>
</div>

我已经确认

TN.resourceList

有3条记录

如果我删除：

class=“下拉菜单”

from:

然后显示所有记录，但不再作为下拉菜单呈现

我还尝试将

uib下拉菜单

指令添加到

中，其上带有

ng repeat

，以及

角色

属性，如本答案中所示：

但它没有效果。

您正在重复

下拉菜单本身。您应该有一个
下拉菜单
，然后重复
li
：









您正在重复
下拉菜单本身。您应该有一个
下拉菜单
，然后重复
li
：









<>代码>最简单的答案是考虑将NG重复本身作为循环。在普通html中，您不希望有多个列表或“ul”标记，是吗？您可能需要一个包含多个条目或“li”标记的列表

将上面的答案视为直接答案，但实际上，您应该能够查看代码并确定您希望重复列表条目，而不是列表本身
将上面的答案视为直接答案，但实际上，您应该能够查看代码并确定您希望重复列表条目，而不是列表本身