如何正确使用mat-sidenav？

Question

我有一个带有工具栏和侧面导航栏的简单设计。一旦添加了mat-sidenav-container部分，它就会停止预览页面。 关于sidenav栏不起作用，我该怎么办？

这是我的app.component.html文件。已注释的mat-sidenav-container部分不起作用。

@NgModule({
  declarations: [
    AppComponent,
    CreateWorkoutComponent,
    EditWorkoutComponent,
    LoginComponent,
    SignupComponent,
    WorkoutOverviewComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule, ReactiveFormsModule,
    AngularMaterialModule
  ],
  providers: [],
  bootstrap: [AppComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
})
export class AppModule { }

在app.module.ts中，我有相关的导入，这些导入放置在自定义模块AngularMaterialModule中。

round(Number, Precision) ->
    Power = math:pow(10, Precision),
    round(Pi * Power) / Power.

编辑：添加了控制台输出。

Answer 1

您需要在应用程序中添加BrowseAnimationsModule

methods: {
    onRowClick(e, row) {
     console.log(
            `Clicked on row ${row.getCell("id").getValue()} (${this.tab})`
          );
    }
  }

然后在您的代码（模块）中将其导入。

// If it's not installed, then save it in your project from your bash
npm install --save @angular/animations