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

Question

我有以下内容：

<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中的每个第一个项目。我该如何更新？

Answer 1

您需要这样尝试。你做这件事的方式$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>