<mat-sidenav-container class="sidenav-container">
<mat-sidenav #drawer class="sidenav" fixedInViewport="true"
[attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'"
[mode]="(isHandset$ | async) ? 'side' : 'push'"
[opened]="!(isHandset$ | async)">
<mat-toolbar>Menu</mat-toolbar>
<mat-nav-list>
<a mat-list-item href="#">Link 1</a>
<a mat-list-item href="#">Link 2</a>
<a mat-list-item href="#">Link 3</a>
</mat-nav-list>
</mat-sidenav>
<mat-sidenav-content>
<mat-toolbar color="primary">
<button
type="button"
aria-label="Toggle sidenav"
mat-icon-button
(click)="mat-sidenav.toggle()"
*ngIf="isHandset$ | async">
<mat-icon aria-label="Side nav toggle icon">menu</mat-icon>
</button>
<span>Logo</span>
<span class="spacer"></span>
<a href="#">Opciones</a>
</mat-toolbar>
</mat-sidenav-content>
</mat-sidenav-container>
大家好，我最近开始使用Angular和Angular Material . 生成所有这些代码，我理解，但在isHandset异步部分，我迷路了 . 事实上，我在互联网上阅读，我知道它与显示或不显示取决于设备的东西有关，事实是这使一切变得复杂，因为切换sidenav的汉堡菜单只出现在MOBILE中，但是不是在桌面上，我需要在两个设备（桌面和移动设备）上看到它我需要修改什么？如果有人可以解释我，最终目标是学习
谢谢！