AngularJs 中 ng-repeat 嵌套问题

冷不防 2023-06-25 02:16 106阅读 0赞

做一个二级导航菜单，从数据库读取数据显示到前台  
数据库表结构为  
nodeid 节点ID  
nodedesc 节点描述  
parentnodeid 父节点ID  
nodeindex 节点索引  
nodelink 节点连接url

#### js代码很简单，从数据库获取导航菜单数据 ####

这个是控制台查看的从数据库获取的数据  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzODMzMzI3_size_16_color_FFFFFF_t_70]

#### 前台展示代码 ####

<ul class="nav navbar-nav" ng-repeat="item in navdata | filter : {parentnodeid : '0'} | orderBy : 'nodeid'">
      	<li class="dropdown">
    		<a class="dropdown-toggle"  href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    			{ { item.nodedesc}}
    			<span class="caret"></span>
    		</a>
    		<ul class="dropdown-menu" ng-repeat="subitem in navdata | filter : {parentnodeid : item.nodeid} | orderBy : 'nodeindex'">
    			<li><a href="#">{ { subitem.nodedesc}}</a></li>
    		</ul>
    	</li>
    </ul>

### 下面是我实际开发中遇到的一个table的案例 ###

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzODMzMzI3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/201912241502406.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzODMzMzI3,size_16,color_FFFFFF,t_70