[英]Error using mat-icon of angular material with Angular 10
I have a MaterialModule我有一个 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 { }
And I import this module in my App Module我在我的应用程序模块中导入这个模块
Then in app.component.html I try to use the mat-icon component然后在 app.component.html 我尝试使用 mat-icon 组件
<button mat-button>
<mat-icon>face</mat-icon>
Click me!
</button>
but always get this error但总是得到这个错误
Any idea please?请问有什么想法吗?
Thanks谢谢
You have to export both MatButtonModule and MatIconModule in your MaterialModule您必须在 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 { }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.