Angular mat-sidenav propiedad isHandset $ | asincrónico explicar

Question

Sep 04, 2018, 05:45 AM

angular-material angular6 mat-sidenav sidenav

Angular mat-sidenav propiedad isHandset $ | asincrónico explicar

<mat-sidenav-container class="sidenav-container">
  <mat-sidenav #drawer class="sidenav" fixedInViewport="true" [attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'"
    [mode]="(isHandset$ | async) ? 'push' : 'push'" [opened]="!(isHandset$ | async)">
    <mat-toolbar color="primary">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>

No entiendo lo que está escrito en el código(isHandset$ | async)por favor expliqu