ng-repeatを使用して階層形式のデータを表形式で表示する方法

Question

角度が新しいです。だから私は読書をしていただけで私の仕事を達成する。この方法で私は試してみるが、私は正しい方向に行くのか分からないだろうか？ここに私のサンプルコードで、私は実際に私はマネージャーとその部下のような従業員の階層を表示する必要が

<ul> 
    <li ng-repeat="parent in items">{{parent.pitem}} 
     <ul> 
      <li ng-repeat="child in parent.citems">{{child.pitem }}</li> 
     </ul> 
    </li> 
</ul> 

var app = angular.module('myapp', []); 

app.controller('MyCtrl', function ($scope) { 
    $scope.items = [{ "pitem": "Coffee", "citems": "" }, { "pitem": "Tea", "citems": [{ "pitem": "Black tea", "citems": "" }, { "pitem": "Green tea", "citems": "" }] }, { "pitem": "Milk", "citems": "" }] 
}); 

です。

は私もそうあまりにも崩壊の行を拡張することができるはずul,liとエンドユーザーを使用してngのリピートを有する平板状の出力を生成するために私を助けてください

https://stackoverflow.com/a/18295177/6188148を@zsongによって書かれた話題の同じ種類にあまりにもこれを読んでください。このURLを見てくださいhttp://maxazan.github.io/jquery-treegrid/examples/example-bootstrap-3.html私は同様の種類の出力を必要としますが、ng-repeatを使用します。

このURLを参照してください。http://www.lidorsystems.com/support/articles/angularjs/treegrid/tree-grid-filter.aspx次に、ng-repeatでどのような出力を作成しようとしているのか理解できます。

ご案内とご提案をお願いします。

Answer 1

このJSFiddle https://jsfiddle.net/benfosterdev/NP7P5/は、あなたが探している正確に何を示しています。

再帰

<div ng-app="app" ng-controller='AppCtrl'> 
    <script type="text/ng-template" id="categoryTree"> 
     {{ category.title }} 
     <ul ng-if="category.categories"> 
      <li ng-repeat="category in category.categories" ng-include="'categoryTree'">   
      </li> 
     </ul> 
    </script> 
    <ul> 
     <li ng-repeat="category in categories" ng-include="'categoryTree'"></li> 
    </ul>  
</div> 

JSONオブジェクト

$scope.categories = [ 
    { 
    title: 'Computers', 
    categories: [ 
     { 
     title: 'Laptops', 
     categories: [ 
      { 
      title: 'Ultrabooks' 
      }, 
      { 
      title: 'Macbooks'    
      } 
     ] 
     }, 

     { 
     title: 'Desktops' 
     }, 

     { 
     title: 'Tablets', 
     categories: [ 
      { 
      title: 'Apple' 
      }, 
      { 
      title: 'Android' 
      } 
     ]   
     } 
    ] 
    }, 

    { 
    title: 'Printers' 
    } 

]; 

});