NG-ZORRO -

当使用Angular构建企业级中后台产品时，NG-ZORRO提供遵循Ant Design规范的70+高质量组件，全部开源免费，支持Zoneless和OnPush模式，与Angular ^22.0.0同步升级。

核心特性与组件能力

NG-ZORRO提炼自企业级中后台产品的交互语言和视觉风格，提供70+开箱即用的Angular组件。所有组件使用TypeScript构建并附带完整类型定义，支持Zoneless和OnPush高性能模式。主题定制可深入每个细节，并实验性支持动态主题切换。国际化支持数十种语言，通过NZ_I18N token全局配置。

• 组件数量：70+高质量Angular组件，覆盖表单、表格、导航、数据展示等场景
• 类型安全：TypeScript构建，提供完整类型定义文件
• 性能模式：支持Zoneless和OnPush模式，减少变更检测开销
• 主题定制：支持全局配置、动态主题（实验性）及每个组件的细粒度样式覆盖
• 国际化：提供ar_EG、zh_CN、en_US等数十种语言包，支持运行时通过NzI18nService动态切换
• 日期适配：通过NZ_DATE_CONFIG token配置日期格式与国际化联动

快速上手与脚手架

官方推荐使用@angular/cli工具链。通过ng add ng-zorro-antd命令一键完成国际化、模块导入、样式引入等初始化配置。脚手架基于Schematics，支持生成组件模板代码（如ng g ng-zorro-antd:form-normal-login login可快速生成登录框组件）。手动安装时需引入样式文件（支持CSS预构建或Less源文件）并按需导入组件模块。

• CLI初始化：ng add ng-zorro-antd自动配置国际化、样式和模块
• 组件生成：ng g ng-zorro-antd:[schematic] name快速生成模板代码，每个官网示例均附带可生成的代码片段
• 手动安装：npm install ng-zorro-antd后，在angular.json或style.less中引入样式（支持全量或按需）
• 开发调试：ng serve --port 0 --open启动本地开发，ng build --prod构建部署

生态与社区支持

NG-ZORRO由阿里巴巴等企业贡献，被阿里云、招商银行、ThoughtWorks、Apache Flink等公司用于生产环境。社区提供Stack Overflow（ng-zorro-antd标签）、GitHub Discussions、钉钉群等互助渠道。配套资源包括NG-ZORRO-MOBILE（移动端）、Angular CDK、Awesome Ant Design等。

• 社区渠道：Stack Overflow、Segment Fault（中文）、GitHub Discussions、钉钉自助服务群
• 相关资源：NG-ZORRO-MOBILE（移动端组件库）、Ant Design（React版）、Angular Aria/CDK/CLI
• 贡献方式：阅读CONTRIBUTING.md后提交Pull Request或报告Bug

常见问题

Q1：NG-ZORRO如何与Angular版本保持同步？

A1：NG-ZORRO与@angular/core保持相同主版本号，当前支持Angular ^22.0.0，升级时需参考官方v22 Migration Guide。

Q2：NG-ZORRO的国际化支持哪些语言？如何在运行时切换？

A2：支持数十种语言，包括中文、英文、阿拉伯语、法语、日语等（完整列表见官网i18n页面）。运行时通过注入NzI18nService并调用setLocale(en_US)即可动态切换，无需重启应用。

Q3：能否只使用NG-ZORRO的部分组件以减少打包体积？

A3：可以。手动安装时先引入基本样式（style/index.min.css），再单独引入所需组件的样式（如button/style/index.min.css），并在组件中导入对应模块（如NzButtonModule）。

更多同类工具与网站,可在Angular分类继续挑选。

信息核实于 2026年7月,具体以官网为准。