接口动态数据实现如图嵌套循环解决方案

来源：互联网发布：淘宝店卖什么利润高编辑：程序博客网时间：2024/05/22 11:37

js循环方案：创建空数组，将外层循环与内层循环内容推入，循环打印新数组$scope.letters = [];        function diviByLetter() {                $scope.branList;                for(var i in $scope.branList) {                        var flag = true;                        for(var j in $scope.letters) {                                if($scope.branList.letter == $scope.letters[j].letter) {                                        $scope.letters[j].group.push($scope.branList);                                        flag = false;                                        break;                                }                        }                        if(flag) {                                $scope.letters.push({                                        letter : $scope.branList.letter,                                        group : [$scope.branList]                                });                        }                }        }

html部分：<div class="list" style="margin-bottom:0px;" ng-repeat="letterGroup in letters">                            <div id="letter{{letterGroup.letter}}" class="item item-divider complay-name">                                        <span class="complay-left">{{letterGroup.letter}}</span>                            </div>                                <ul class="list">                                        <li class="item" ng-repeat="item in letterGroup.group" ng-click="showCarModle(item)">                                            <h2 class="l-colum"><img src="{{item.car_logo}}" class="chebiao">{{item.car_brand}}</h2>                                        </li>                                </ul>                        </div>

0 0