我正在关注material.angular.io文档
在构建侧导航栏时,我收到以下错误
“'mat-nav-list' is not a known element:
”
我已导入以下内容
import { MatSidenavModule } from '@angular/material/sidenav';
我通过导入API尝试了其他组件,除了sidenav
之外,所有工作都正常我真的无法弄清楚出了什么问题。 任何建议都会很棒。 提前谢谢。
答案 0 :(得分:0)
导入它是不够的,您还需要将其添加到定义组件的同一模块中。
@NgModule({
declarations: [
MyComponent
],
imports: [
CommonModule,
MatSidenavModule
]
})
export class MyModule { }
答案 1 :(得分:0)
我很确定您也没有从应用模块中的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 { }