是否有可能左侧菜单崩溃有页面+ Angular 2.0？

Question

首先请检查以下快照。

在上面的图片中，CRF是父母，它有多个孩子的可能性，例如： folders。现在folders也有子孩子。实际上，当我点击文件夹时我想要它的孩子也会扩展，而右边需要一个具有基本形式的页面。 所以两个动作需要实现所以，任何人都看过这样的演示，请发给我链接并建议我如何使用Angular2.0

Answer 1

你可以使用那个：tree view component

或者您可以自己实施一个。基本上，你应该改变它的儿童展示属性。

<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 function toggle item.children的visible属性和更改项目图标。

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

.hidden{
  display: none;
}