我想使用 ng-if 跳过 ng-repeat 中的项目

Question

我正在尝试在 ng-repeat 中使用 ng-if 来实现手风琴。根据条件值，ng-repeat 应该跳过 ng-repeat 中的一些项目。

例如如果 item.condition 为真，那么只有它应该显示手风琴。下面的代码是我目前所拥有的，但无法正常工作。看起来对吗？

     <accordion close-others="true">
          <accordion-group is-open="isopen" ng-repeat="item in items | limitTo:2" ng-if="item.condition == "true"",ng-init="isopen=2">
                  <accordion-heading>
          {{item.label}}
            <i class="pull-right glyphicon"
                         ng-class="{'icon-arrow-up': isopen, 'icon-arrow-down': !isopen}"></i>
                  </accordion-heading>
              </accordion-group>
          </accordion>

Answer 1

您的 ng-if 包含双引号，应该是 ng-if="item.condition == true"，同时从手风琴元素

中删除 ,

您也可以将条件最小化为 ng-if="item.condition"，这样表达式将 return true 和 false 对 item.condition 变量求值。

标记

<accordion close-others="true">
    <accordion-group is-open="isopen" ng-repeat="item in items | limitTo:2" 
       ng-if="item.condition" ng-init="isopen=2">
        <accordion-heading>
            {{item.label}}
            <i class="pull-right glyphicon" ng-class="{'icon-arrow-up': isopen, 'icon-arrow-down': !isopen}"></i>
        </accordion-heading>
    </accordion-group>
</accordion>

我想使用 ng-if 跳过 ng-repeat 中的项目

I want to skip the item in ng-repeat using ng-if

javascript

angularjs

angularjs-ng-repeat

accordion

angular-ng-if