angualr项目中想用ng-zorro库里的icon和图片两种方法
【1】在angualr.json中去动态引入
"assets": [
"src/favicon.ico",
"src/assets",
{
"glob": "**/*",
"input": "./node_modules/@ant-design/icons-angular/src/inline-svg/",
"output": "/assets/"
}
],
【2】静态引入,适用于angualr项目打包后想直接套用到其它项目动态引入依然报错的解决办法
在app.modules.ts文件中去静态引入你想要使用的每一个icon
import {
UserOutline,
DollarCircleOutline,
SnippetsOutline,
SolutionOutline,
CloseCircleTwoTone,
PlusOutline,
DeleteOutline,
DownloadOutline,
ContainerOutline,
CheckCircleOutline,
FileSearchOutline,
FormOutline,
AuditOutline,
FileDoneOutline,
} from "@ant-design/icons-angular/icons";
import { NzIconModule } from "ng-zorro-antd/icon";
@NgModule({
declarations: [AppComponent],
imports: [
NzIconModule.forChild([
UserOutline,
DollarCircleOutline,
SnippetsOutline,
SolutionOutline,
CloseCircleTwoTone,
PlusOutline,
DeleteOutline,
DownloadOutline,
ContainerOutline,
CheckCircleOutline,
FileSearchOutline,
FormOutline,
AuditOutline,
FileDoneOutline,
]),
],
})
对应这里面的iconNG-ZORRO - Angular UI component library