我想跳过ng中的项目，重复使用ng if

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

本文关键字：ng if 项目      更新时间：2023-09-26

我正在尝试使用ng if-ing repeat来实现Accorsions。根据条件值，ng重复应该跳过ng重复中的某些项目。

例如，如果item.condition为true，那么只有它应该显示手风琴。下面的代码是我迄今为止所拥有的，但它不起作用。它看起来对吗？

     <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>

您的ng-if包含两个额外的引号，它应该是ng-if="item.condition == true"，还从手风琴元素中删除,

此外，您可以将条件最小化为ng-if="item.condition"，这样表达式将在item.condition变量求值时返回true和false。

标记

<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>
相关文章：