Question

在切换

时，Angular 2中的md侧导航实现存在问题

在我的main.html中我有：

<md-sidenav #sidenav mode="over" class="app-sidenav" md-component-id="left" md-disable-backdrop md-whiteframe="4">

<menu-comp></menu-comp>

</md-sidenav>

在我的同一个main.html中，

<button class="app-icon-button menu-button table" (click)="sidenav.toggle()">

哪种方法效果很好。但是，在下面的menu-comp.html中，

我有一个按钮，如下所示：

<button type="button" class="close side-bar-close"  (click)="sidenav.toggle()" aria-label="Close"> </button>

这不起作用并抛出错误

无法读取未定义的属性“切换”

我确实尝试使用以下方法，但它也没有用。

https://groups.google.com/forum/#!topic/angular-material2/Zf0YiWc4aA4

有关如何从menu-comp.html

调用sidenav.toggle的任何建议

Answer 1

当用户点击该按钮时，会发出一个事件，例如 toogleSidenav ，然后在您的主要组件模板中，您可以：

<menu-comp (toogleSidenav)="sidenav.toogle()"></menu-comp>

在Angular 2中切换功能

1 个答案: