具有if条件的ng重复的第一项

dgjrabp2  于 2021-09-29  发布在  Java
关注(0)|答案(1)|浏览(270)

我有以下资料:

<li ng-repeat="category in categories" ng-if="category.id== '3'">              
    <div ng-repeat="item in items" ng-if="item.no == category.no" ng-style="{'margin-left': ($first ? '20px': '0px')}">
      ...
    </div>
</li>

它只能处理第一个项目,但不能处理每个li中的每个第一个项目。我如何更新这个?

kx5bkwkv

kx5bkwkv1#

你需要像这样试一下。你做这件事的方式$first指的是第一次ng重复。

<li ng-repeat="category in categories" ng-if="category.id== '3'">              
    <div ng-repeat="item in items" ng-if="item.no == category.no">
       // use $parent.$first to check for the first item of categories
       // using $first here refers to first item in items array 
       <div ng-style="{'margin-left': ($first ? '20px': '0px')}">...</div>
    </div>
</li>

相关问题