我们执行了相关的脚手架命令,成功地引入了 ng-zorro-antd 组件库,一切如预期那样顺利地执行了,那么 ng-zorro 到底为我们做了哪些事情呢?我们来逐条命令查看: ? Add icon assets //该选项配置了icon相关资源,在angular.json中我们可以看到如下语句,打包时会自动将icons资源输出到assets文件夹{...,"assets":["src...
在@ant-design/icons 库的基础上，我们写作了 @ant-design/icons-angular 库，用于提供 Ant Design 的图标资源，而在 ng-zorro-antd 中我们提供了两种方式来加载图标资源。静态加载 通过在NzIconService 中注册图标来实现静态引入，引入后的文件会被打包到 .js 文件中，在 constructor 里或者在 AppIni...
当ng-zorro-antd检测用户想要渲染的图标还没有静态引入时,会发起 HTTP 请求动态引入。你只需要配置angular.json文件: {"assets":[{"glob":"**/*","input":"./node_modules/@ant-design/icons-angular/src/inline-svg/","output":"/assets/"}]} 我们为你提供了一条指令,升级到 1.7.0 之后,执行ng g ...
出现这种情况一般是因为没导入你要的图标 可以在项目目录找到这个文件 src\style-icons-auto.ts 然后打开,导入导出里加上你要导入的图标。。。 就可以了 如果你不知道要怎么加 那么你可以鼠标左键点击其他的 例如:点这个 AlipayCircleOutline 按住CTRL键,就跳过去了,你会看到你进入了nodemodules 然后你找一下你要...
import { NzIconModule } from'ng-zorro-antd/icon';//引入你需要的图标,比如你需要 fill 主题的 AccountBook Alert 和 outline 主题的 Alert,推荐 ✔️import { AccountBookFill, AlertFill, AlertOutline } from '@ant-design/icons-angular/icons'; ...
"@ant-design/icons-angular":"9.0.0","date-fns":"2.12.0","ng-zorro-antd":"9.0.1"},"scripts":{"ng":"ng","start":"ng serve","build":"ng build","test":"ng test","lint":"ng lint","e2e":"ng e2e"},"devDependencies":{"@angular-devkit/build-angular":"~0.10.0","@angular...
ng-zorro-antd是 Ant Design 的 Angular 实现,主要用于研发企业级中后台产品。全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。 English| 简体中文 ✨ 特性 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 Angular 组件,与 Angular 保持同步升级。
{IconsProviderModule}from'./icons-provider.module';import{NzLayoutModule}from'ng-zorro-antd/layout';import{CommonModule}from'@angular/common';import{NzMenuModule}from'ng-zorro-antd/menu';import{NzButtonModule}from'ng-zorro-antd/button';registerLocaleData(zh);@NgModule({declarations:[AppComponent]...
使用ng-zorro图标库部分图标不能正常显示 ng-alian 在ng-alain中,使用ng-zorro图标库,发现部分能正常显示,部分并不能显示,在控制台同时发现出错报错。 ERROR Error: [@ant-design/icons-angular]: the icon redo-o does not exist or is not registered....
在ng-alain中,使用ng-zorro图标库,发现部分能正常显示,部分并不能显示,在控制台同时发现出错报错。 ERROR Error: [@ant-design/icons-angular]: the icon redo-o does not exist or is not registered. at IconNotFoundError (ant-design-icons-angular.js:159) ...