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

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

1 个答案: