使用angular指令构建嵌套树

Question

我在角度控制器中有这样的数据

[
  {name: 'test', parent_id: 0, children_id: 2, id: 1}, 
  {name: 'test', parent_id: 1, children_id: 3, id: 2}, 
  {name: 'test', parent_id: 2, children_id: 0, id: 3}, 
  ...
];

我可以通过parent_id或children_id构建嵌套树使用angular指令吗？

谢谢

Answer 1

您只能使用parent_id构建树。 你甚至不需要children_id

Answer 2

您可以在ng-repeat中使用角度过滤器组

 angular.module('app', ['angular.filter']) .controller('MainController', function($scope) { $scope.parents = [{ name: 'test', parent_id: 0, children_id: 2, id: 1 }, { name: 'test', parent_id: 1, children_id: 3, id: 2 }, { name: 'test', parent_id: 2, children_id: 0, id: 3 }, { name: 'test 2', parent_id: 2, children_id: 0, id: 3 } ]; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.4.7/angular-filter.js"></script> <div ng-app="app" ng-controller="MainController"> <ul ng-repeat="(parent, children) in parents | groupBy: 'parent_id'"> parent: {{ parent }} <li ng-repeat="child in children"> child: {{ child.name }} </li> </ul> </div>