2017-05-10 8 views
1

まずはスナップショットを確認してください。上の写真CRF左側のメニューを折りたたむことができますか?ページ+角度2.0?

enter image description here

は親であり、例えば複数の子の可能性ですfolders。現在foldersにはサブチャイルドもあります。今では実際に私はフォルダをクリックすると、それは子供も展開され、右側も基本的なフォームを持つ1つのページが必要になります。 だから2つのアクションがどのようにAngular2.0

答えて

1

とそれ可能はずあなたが使用することができ、いずれかのリンクを私に送ってくださいよりも、デモのように見ているので、実装する必要があると私を示唆している1:tree view component

またはあなたができますあなた自身のためにそれを実装してください。基本的には、onclickの子表示プロパティを変更する必要があります。

<button (click)="item.expand(item)"> 
    <md-icon>{{item.icon}}</md-icon> 
    {{item.text}} 
</button> 
<div *ngFor="let child of item.children"> 
    <button [ngClass]="{'hidden' : !child.visible}">{{child.text}} 
    </button> 
</div> 

on expand機能toggle item.childrenのvisibleプロパティとchange itemsアイコン。

item = { 
text: "Folders" 
icon: "keyboard_arrow_button" 
children: [{text: Subfolders, visible: false}] 
} 

.hidden{ 
    display: none; 
} 
関連する問題