Angular 按类型脚本代码显示/隐藏md sidenav

我有一个typescript代码和他的html模板

 <button md-icon-button (click)="menuSidenav.toggle()">
        <md-icon>menu</md-icon>
    </button>
....
<md-sidenav-container style="height: 100px">
    <md-sidenav align="start" mode="over" #menuSidenav

菜单
....
在Angular中，对于隐藏和显示模板项之类的简单操作，您不希望直接在typescript中获取元素。您应该使用内置模板指令
ngIf
：

<button md-icon-button (click)="menuSidenav.toggle()">
    <md-icon>menu</md-icon>
</button>
....
<md-sidenav-container style="height: 100px">
    <md-sidenav *ngIf="toggled" align="start" mode="over">

文档：
否则此解决方案适用于我的类组件：

 @ViewChild("menuSidenav") sideNave: any;

在代码中

this.sideNave.open();

你觉得怎么样？
我也遇到了同样的问题，我就是这样解决的

用户[ngStyle]不使用*ngIf，而是根据您的条件将显示设置为“阻止”或“无”


this.sideNave.open();