Question

我正在使用angular的ng-repeat构建一个twitter bootstrap列表：

<ul class="dropdown dropdown-menu">
    <li class="menuOption" ng-repeat="option in options">
        <a data-ng-click="option.value>0 ? foo() : goo()">
        {{option.label}}
        </a>
    </li>
</ul>

现在，我想在此列表中包含一个分隔符（<li class="divider"></li>）。它应该在列表中的最后一个元素之前（option.value也用负值表示，这可能是一个更容易的指示）。

我的问题是，由于ng-repeat迭代在li元素本身上，我找不到在这个元素上使用ng-if的方法。

Answer 1

尝试ng-repeat-start和ng-repeat-end：

<ul class="dropdown dropdown-menu">
    <li class="menuOption" ng-repeat-start="option in options" ng-if="option.value>0">
      <a data-ng-click="option.value>0 ? foo() : goo()">
        {{option.value}}
        </a>
    </li>
    <li class="divider" ng-repeat-end ng-if="option.value<0">
      option < 0 ({{option.value}})
    </li>
  </ul>

DEMO

AngularJS Dropdown ng-if在ng-repeat元素上

1 个答案: