1
まずはスナップショットを確認してください。上の写真CRF
で左側のメニューを折りたたむことができますか?ページ+角度2.0?
は親であり、例えば複数の子の可能性ですfolders
。現在folders
にはサブチャイルドもあります。今では実際に私はフォルダをクリックすると、それは子供も展開され、右側も基本的なフォームを持つ1つのページが必要になります。 だから2つのアクションがどのようにAngular2.0
まずはスナップショットを確認してください。上の写真CRF
で左側のメニューを折りたたむことができますか?ページ+角度2.0?
は親であり、例えば複数の子の可能性ですfolders
。現在folders
にはサブチャイルドもあります。今では実際に私はフォルダをクリックすると、それは子供も展開され、右側も基本的なフォームを持つ1つのページが必要になります。 だから2つのアクションがどのようにAngular2.0
とそれ可能はずあなたが使用することができ、いずれかのリンクを私に送ってくださいよりも、デモのように見ているので、実装する必要があると私を示唆している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;
}