这可能是由于导航组件被添加到错误的 DOM 句柄中导致的。确保将侧边栏组件添加到正确的 DOM 元素中。例如,如果您的应用使用 Angular 的 MatSidenav 进行导航,则必须将
标签放在主体元素内,如下所示:
另一个可能的原因是您忘记在主应用程序模块中导入 Angular Material 的导航模块。要导入 MatSidenavModule,只需将其添加到 app.module.ts 中的导入数组中:
// app.module.ts
import { NgModule } from '@angular/core';
import { MatSidenavModule } from '@angular/material/sidenav';
@NgModule({
imports: [
// other imports...
MatSidenavModule
],
// ...
})
export class AppModule { }