在 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 { }