Angularjs 使用ngRepeat的引导下拉标头

我想使用ngRepeat填充一个引导下拉列表。我可以很好地填充这些项目，但是如果我希望每个迭代有一个标题呢

    <ul class="dropdown-menu">
  <li class="dropdown-header">Dropdown header 1</li>
  <li ng-repeat="order in orders"><a href="#">{{order.name}}</a></li>
   </ul>

下拉标题1

---

这样我只能得到一个标题，这是可以理解的。

使用

ngRepeatStart

和

ngrepeatsend

<li ng-repeat-start="order in orders" class="dropdown-header">Dropdown header {{$index}}</li>
<li ng-repeat-end="order in orders"><a href="#">{{order.name}}</a></li>

下拉标题{{{$index}

您可以使用

ng repeat start

和

ng repeat end

<ul class="dropdown-menu">
  <li ng-repeat-start="order in orders" class="dropdown-header">Dropdown header {{$index}}</li>
  <li ng-repeat-end><a href="#">{{order.name}}</a></li>
</ul>

下拉标题{{{$index}

您也不必编写：

ng repeat end='order in orders'

。您只需提及

ng repeat end

---

请在此处阅读更多信息：

您没有指定，但我假设您正在使用随附的jQuery库。我强烈建议改用AngularUI引导。他们已经为你处理好了。我相信您还想使用其他组件

---

更新我现在意识到我误解了你的问题，但如果你还没有使用Angular UI Boostrap库，我还是会看看它。

你能展示一下你的orders数组的结构吗？