嵌套ng重复angularjs

Nested ng-repeat angularjs

本文关键字：angularjs 重复 ng 嵌套      更新时间：2023-09-26

我有一个这样的值，我的问题是我不知道这个伪数组对象嵌套了多少，所以如何使用ng重复打印所有伪数组对象

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

这样尝试。如下所示：如何将ng repeat放入n次的ng repeat以及使用嵌套对象时，如何在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>

相关文章：