在 Angular 10 中使用角材料的垫子图标时出错

Question

我有一个 MaterialModule

import { NgModule } from '@angular/core';
import {MatButtonModule} from '@angular/material/button';
import {MatIconModule} from '@angular/material/icon';

@NgModule({
 declarations: [],
 imports: [
  MatButtonModule,
  MatIconModule
 ]
})
export class MaterialModule { }

我在我的应用程序模块中导入这个模块

然后在 app.component.html 我尝试使用 mat-icon 组件

<button mat-button>
<mat-icon>face</mat-icon>
Click me!
</button>

但总是得到这个错误

请问有什么想法吗？

谢谢

Answer 1

您必须在 MaterialModule 中导出 MatButtonModule 和 MatIconModule

import { NgModule } from '@angular/core';
import {MatButtonModule} from '@angular/material/button';
import {MatIconModule} from '@angular/material/icon';

@NgModule({
 declarations: [],
 imports: [
   MatButtonModule,
   MatIconModule
 ],
 exports: [
   MatButtonModule,
   MatIconModule
 ]
 })
 export class MaterialModule { }