角材料sidenav

Question

我正在关注material.angular.io文档 在构建侧导航栏时，我收到以下错误 “'mat-nav-list' is not a known element:”

我已导入以下内容

import { MatSidenavModule } from '@angular/material/sidenav';  

我通过导入API尝试了其他组件，除了sidenav

之外，所有工作都正常

我真的无法弄清楚出了什么问题。 任何建议都会很棒。 提前谢谢。

Answer 1

导入它是不够的，您还需要将其添加到定义组件的同一模块中。

@NgModule({
  declarations: [
    MyComponent
  ],
  imports: [
    CommonModule,
    MatSidenavModule
  ]
})
export class MyModule { }

Answer 2

我很确定您也没有从应用模块中的MatListModule导入@angular/material/list（或创建专用于材料组件的模块）：

material.module.ts：

import { NgModule } from '@angular/core';
import { MatSidenavModule } from '@angular/material/sidenav';
import { MatListModule } from '@angular/material/list';

@NgModule({
  exports: [
    MatSidenavModule,
    MatListModule
  ],
  imports: [
    MatSidenavModule,
    MatListModule
  ]
})
export class MaterialModule { }

app.module.ts：

import { NgModule } from '@angular/core';
import { MaterialModule } from './material.module';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MaterialModule
  ]
})
export class AppModule { }