角垫-sidenav打开关闭可观察

Question

作为一个新手，我仍然在Angular指令方面有些挣扎。 如何使用可观察的东西打开/关闭mat-sidenav？

在我的组件的脚本中，我有一个可观察的东西，它得到了很好的更新 来自其他组件

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

这很好用：

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

我如何应用可观察对象的布尔值进行打开和关闭。 我尝试了一堆东西，但没有为我工作。这样的事情会让我开心：

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

Answer 1

如评论中所述 Fyllekanin 所述，您需要在“打开的”周围添加方括号，例如

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