嵌套NG-重複angularjs

我有一個價值一樣，我的問題是我不知道有多少嵌套在該虛擬陣列對象，因此如何使用NG-重複打印所有虛擬陣列對象嵌套NG-重複angularjs

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

來源

2016-05-17 Sachin Jain

看到這個漂亮的答案。 http://stackoverflow.com/questions/37108946/how-to-put-ng-repeat-inside-ng-repeat-for-n-number-of-times/37109091#37109091 –

它只處理兩個級別 –

不是當然，但你可以創建一個指令來打印當前元素並用新的虛擬值調用它自己。 – Rajesh

試喜歡這個。因爲這樣回答：How to put ng-repeat inside ng-repeat for n number of times 和How can I make recursive templates in AngularJS when using nested objects?

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>

來源

2016-05-17 08:27:35

@Walfrat但我在Chrome上測試了這個！ –

好吧，我完全不知道爲什麼，現在它顯示...我刪除了舊評論說'不工作'，所以人們不會停下來。 – Walfrat

謝謝你的工作正常我現在接受你的答案，但我有一個問題如果我需要以降序顯示它意味着最後一個虛擬數組對象首先顯示。可能嗎？ –

嵌套NG-重複angularjs

回答

相關問題