Angular mat-sidenav open close by

Question

作为一个新手，我仍然在为Angular指令而苦苦挣扎。如何使用observable打开/关闭mat-sidenav？

在我的组件脚本中，我有一个观察值，它可以很好地从其他组件中更新

...
sideNavIsOpen$: Observable<boolean>;
...

这个可以很好地工作：

  <h2 *ngIf="(sideNavIsOpen$ | async)">
      if you see this, value of sideNavIsOpen = true
  </h2>

如何将可观察对象的布尔值应用于open和close。我试过很多方法，但对我不起作用。这样的事情会让我很高兴：

 <mat-sidenav #sidenav mode="push" opened="(sideNavIsOpen$ | async)">
 ...
 //  (but this does NOT work):

Answer 1

正如Fyllekanin在评论中所描述的那样，你需要在'opened‘两边加上方括号，比如

<mat-sidenav #sidenav mode="push" [opened]="(sideNavIsOpen$ | async)">