![](/img/trans.png)
[英]How to change material-icon on click event with angular2/4 material?
[英]nebular with material-icon are not shown icons
我遵循文档并配置连字字体包文档图标
constructor(
private _iconLibraries: NbIconLibraries
) {
this._iconLibraries.registerFontPack('material-icons', {
ligature: true,
});
在我的 app.module.ts 我有这样的导入
imports: [
NbEvaIconsModule,
NbIconModule,
MatIconModule,
...
]
我的组件中有这个:
<nb-icon icon="star"></nb-icon>
<nb-icon icon="group" pack="material-icons"></nb-icon>
<nb-icon icon="star"></nb-icon>
<mat-icon>group</mat-icon>
<nb-icon icon="star"></nb-icon>
“星”图标显示没有问题,mat-icon中的“group”也显示了,但是nb-icon里面的“group”显示为“group”文本,没有图标。
在 package.json 我有这个:
"@angular/material": "~13.1.0",
"@nebular/eva-icons": "9.0.0",
"@nebular/theme": "^9.0.0",
"eva-icons": "^1.1.2",
"material-design-icons": "^3.0.1",
"nebular-icons": "^1.1.0",
难道我做错了什么?
https://github.com/akveo/nebular/issues/2554
似乎星云文档没有很好地记录; 并且也被修复了。 只要您在 v9 Nebular Theme 上运行,只需遵循其示例而不使用 CustomNbIconLibraries。
export class AppModule {
constructor(private iconLibraries: NbIconLibraries) {
this.registerMaterialIcons();
}
private registerMaterialIcons() {
this.iconLibraries.registerFontPack("material-icons", {
packClass: "material-icons",
ligature: true
});
this.iconLibraries.setDefaultPack("material-icons");
}
}
在您的 index.html 导入中
<link
href="https://fonts.googleapis.com/css?family=Material+Icons"
rel="stylesheet"
/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.