angular JS在页面里3层循环map

最新推荐文章于 2023-02-15 14:45:30 发布

weixin_30568715

最新推荐文章于 2023-02-15 14:45:30 发布

阅读量398

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xiudu/p/7323585.html

本文介绍了一种使用AngularJS进行数据绑定和列表渲染的方法，并展示了如何通过循环遍历来展示项目信息及设备管理状态。同时，文章还提供了一个具体的实现案例，包括对角色拥有的设备列表和未分配设备的处理。

<div id="card" style="display:none;">
                  <div>
                      <ul>
                          <li ng-repeat="info in projectBacklog" class="card">
                              <span class="proNote">{{info.projectNote}}</span>
                              <ul>
                                  <li ng-repeat="(key,value) in projectBacklog[$index+1].backlog">//backlog是projectBacklog里的map；key value可以循环String类型的map
                                      <span class="objName">{{key}}</span>
                                      <span class="objName">{{value}}</span>
                                  </li>
                              </ul>
                          </li>
                      </ul>
                  </div>
              </div>

for(var i in $scope.roleBtList){
                    $scope.roleNotHaveDevice={};
                    for(var j in $scope.deviceList){//$scope.roleBtList[i].BtLockList
                        if($scope.roleBtList[i].BtLockList[j]==undefined){
                            $scope.roleNotHaveDevice[j]=$scope.deviceList[j];
                        }else{
                            continue;
                        }
                    }
                    $scope.roleHaveBtList={};
                    for(var j in $scope.roleBtList[i].BtLockList){
                        $scope.roleHaveBtList=$scope.roleBtList[i].BtLockList[j];
                    }
                }