如果在 Angular Material 列表中未显示图标,可能是由于缺少必要的依赖项或错误的图标名称。以下是几种可能的解决方法:
app.module.ts
文件中,确保已正确导入 MatIconModule
和 MatIconRegistry
:import { MatIconModule, MatIconRegistry } from '@angular/material';
@NgModule({
imports: [
...
MatIconModule,
...
],
...
})
export class AppModule {
constructor(private matIconRegistry: MatIconRegistry) {
// 注册自定义图标
matIconRegistry.registerFontClassAlias('fontawesome', 'fa');
}
}
home
favorite
...
MatIconRegistry
注册自定义图标。例如,如果要使用 Font Awesome 图标,可以在 app.module.ts
中注册图标:constructor(private matIconRegistry: MatIconRegistry) {
matIconRegistry.registerFontClassAlias('fontawesome', 'fa');
}
然后在模板文件中使用自定义图标:
fa-icon-name
以上是一些常见的解决方法,根据具体情况可能需要进一步调试和排查。