如何在vmware-clarity、Angular6中将sidenav导航链接的默认状态设置为closed

npm install @angular/material @angular/cdk

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatSidenavModule } from '@angular/material/sidenav';

@NgModule({
  imports: [
    BrowserAnimationsModule,
    MatSidenavModule
  ],
  // ...
})
export class AppModule { }

<mat-sidenav opened="false">
  <!-- 导航链接内容 -->
</mat-sidenav>

import { Component, ViewChild } from '@angular/core';
import { MatSidenav } from '@angular/material/sidenav';

@Component({
  // ...
})
export class YourComponent {
  @ViewChild(MatSidenav) sidenav: MatSidenav;

  ngAfterViewInit() {
    this.sidenav.close();
  }
}