javascript - JPA ng-repeat 过滤器 - 多个 id 作为一个

Question

目前我加入了 2 个表。它打印出这样的代码:

1
    7
1
    8
1
    9
2
2
3
4
5
5
6 

我正在使用 angularjs ng-repeat 来做什么。我的目标是使菜单栏看起来像:

1
    7
    8
    9
2
3
4
5
6 

我的代码:

<div id="menuList">
    <ul class="menuNav">
        <li class="menuList_Slide" ng-repeat="x in names">
            <div>               
                <a href="category.html?categoryid={{x.parentid}}" target="_self">{{x.parentid}}</a>
            </div>

            <div>
                <ul id="subCategories" ng-if="target == x.parentid">
                    <li>
                        <a href="category.html?subcategoryid={{x.id}}" target="_self">{{x.childid}}</a>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</div>

是否可以使用 ng-repeat 过滤器来做什么？

Answer 1

这可以通过放置 ng-if 并检查最后一个元素是否与 ng-if="names[$index-1] 相同或不同”来解决您的问题。 parentid != x.parentid"

标记

<div id="menuList">
    <ul class="menuNav">
        <li class="menuList_Slide" ng-repeat="x in names">
            <div ng-if="names[$index-1].parentid != x.parentid">
                <a href="category.html?categoryid={{x.parentid}}" target="_self">{{x.parentid}}</a>
            </div>

            <div>
                <ul id="subCategories" ng-if="target == x.parentid">
                    <li>
                        <a href="category.html?subcategoryid={{x.id}}" target="_self">{{x.childid}}</a>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</div>