JPA ng-重复文件管理器 - 多个 id 作为一个



目前我已经连接了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过滤器来做什么?

这可以通过放置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>

最新更新