page + Angular 2.0 是否可以折叠左侧菜单？

Question

首先请检查跟随快照。

在上图中 CRF 是 parent 并且它有多种 child 的可能性，例如folders。现在 folders 还有 sub-childs。现在实际上我希望当我单击文件夹时 child 也将展开并且右侧需要一个具有基本形式的页面。所以需要执行两个操作所以，如果有人看过这样的演示，请发给我 link 并建议我如何使用 Angular2.0

Answer 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>

展开功能切换 item.children 可见属性并更改项目图标。

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

.hidden{
  display: none;
}

page + Angular 2.0 是否可以折叠左侧菜单？

Is it possible to left side menu collapse have page + Angular 2.0?

twitter-bootstrap-3

ng2-bootstrap

angular