JPA ng-repeat filer - 多个id作为一个

Question

目前我加入了两张桌子。它打印的代码如下：

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>