Angular Dart 是否支持 ng-repeat-start 和 ng-repeat-end？

Question

AngularJS 支持 ng-repeat-start 和 ng-repeat-end 指令以使 ng-repeat 与几个同级元素重复。 Angular Dart 中是否有类似的功能或不同的方法来实现这一点？

我正在尝试遍历菜单对象并将其显示在 Bootstrap 下拉菜单中。每次我重复 dropdown-header 元素时，我都希望 divider 出现在它之前（第一次除外，我将在稍后处理）。

<div class="btn-group open">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    Dropdown <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li class="dropdown-header">Category 1</li>
    <li><a href="#">Item 1</a></li>
    <li><a href="#">Item 2</a></li>
    <li class="divider"></li>
    <li class="dropdown-header">Category 2</li>
    <li><a href="#">Item 3</a></li>
    <li><a href="#">Item 4</a><a></a></li><a>
  </a></ul><a>
</a></div>

Demo

这是我所拥有的，但我不确定如何处理分隔线：

<ul class="dropdown-menu" ng-if="menuItem.hasSubPages">
    <li class="divider"></li><!-- not sure what to do with this -->
    <li ng-class="{'dropdown-header': subMenuItem.isCategory}" ng-repeat="subMenuItem in menuItem.subMenuItems" ng-switch="subMenuItem.isCategory">
        <a href="#/{{menuItem.url + '/' + subMenuItem.url}}" ng-switch-when="false">{{subMenuItem.name}}</a>
        <span ng-switch-when="true">{{subMenuItem.name}}</span>
    </li>
</ul>

谢谢！

Answer 1

实际上 AngularDart 不支持 ng-repeat-start 和 ng-repeat-end 指令。

正如您在AngularDart API 中看到的那样，没有可用于此类指令的参考。

但是您可以通过将元素封装到新组件中来完成您想要的操作，如下所述：Creating a Custom Component