角度UIツリーの実装は

Question

はいずれもplunkerや質問にブロックを見てみましょう。この

var list = [ 
      { 
       "id": 1, 
       "title": "Parent", 
       "items": [ 
       { 
        "id": 11, 
        "title": "child of Parent", 
        "items": [{ 
         "id": 12, 
         "title": "inner child of Parent", 
         "items": [], 
        }], 
       }, 

       ] 
      } 
     ] 

Answer 1

のようなJSONオブジェクトをhttp://angular-ui-tree.github.io/angular-ui-tree/#/basic-example

を使用する方法上の任意のヒントを提供できます

<div ui-tree> 
    <ol ui-tree-nodes="" ng-model="list"> 
    <li ng-repeat="item in list" ui-tree-node> 
     <div ui-tree-handle> 
     {{item.title}} 
     </div> 
     <ol ui-tree-nodes="" ng-model="item.items"> 
     <li ng-repeat="subItem in item.items" ui-tree-node> 
      <div ui-tree-handle> 
      {{subItem.title}} 
      </div> 
     </li> 
     </ol> 
    </li> 
    </ol> 
</div> 

item.itemsも配列です。

liは、item.itemsの値をsubItemとしてループするng-repeatです。

Answer 2

私たちはウェブサイトで見ることができる一連の例を持っています。すべての例の右側にデータ構造を表示できます。

https://github.com/angular-ui-tree/angular-ui-tree/tree/master/examples