簡體   English   中英

嵌套的ng-repeat angularjs

[英]Nested ng-repeat angularjs

我有一個值,我的問題是我不知道多少嵌套那個虛擬數組對象所以如何使用ng-repeat打印所有虛擬數組對象

demo: [{
    id: 1,
    dummy: [
        {
            id: 1,
            dummy: [
                {
                    id: 1,
                    dummy: [
                        {
                            id: 1
                        }
                    ]
                }
            ] 
        }
    ]
}]

試試這樣。 因為這個答案: 如何將ng-repeat放入ng-repeat中n次? 如何在使用嵌套對象時在AngularJS中制作遞歸模板?

 var app = angular.module("app", []); app.controller('mainCtrl', function($scope){ $scope.demo = [{ id: 1, dummy: [ { id: 1, dummy: [ { id: 1, dummy: [ { id: 1, dummy: [ { id: 1, dummy:[] } ] } ] } ] } ] }] }); 
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css" rel="stylesheet"/> <div ng-app="app" ng-controller="mainCtrl"> <script type="text/ng-template" id="dummy.html"> <ul> <li ng-repeat="d in demo" > <div >{{d.id}}</div> <div ng-show="d.dummy.length" ng-include=" 'dummy.html' " onload="demo = d.dummy"></div> </li> </ul> </script> <div ng-include=" 'dummy.html'" ></div> </div> 

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM