Angular Material2 SideNav onOpen on Close

Question

我正在使用 Angular 4 和 Material 制作一个网络应用程序。我正在使用 Material “Sidenav”组件。如果 sidenav 打开或关闭，我想触发一个事件。通过向按钮的 click 属性添加一个函数来触发事件。但是，如果我通过按退出键或单击导航之外的某处来关闭 sidenav，则按钮上的单击事件在逻辑上不起作用。

sidenav 有两个属性，分别是 onOpen 和 onClose，但我不明白如何使用它们。或者它们是否是实现我想要做的事情的正确属性？

为了更好地理解这里有一个 plunker:http://embed.plnkr.co/ZPmhbFm1hbOUKYp1rV6J/

如果 sidenav 因未按下按钮而关闭，结果应该是带有“World”的警报。

Answer 1

我看过你的 plunker 演示。您不能那样使用 onOpen 和 onClose。将您的 md-sidenav html 更改为以下内容:

<md-sidenav class="example-sidenav" #sidenav mode="over" opened="false" 
            (open)="menufunction('SideNav Opened')"  
            (close)="menufunction('SideNav Closed')">

这里是更新的 plunk 的链接:https://plnkr.co/edit/96Hz4rZFJCuyNZDwEpGd?p=preview