NG-ZORRO：Ant Design 的 Angular 企业组件

做企业级中后台，Ant Design 的视觉规范在国内接受度很高。NG-ZORRO 就是 Ant Design 的 Angular 实现，让你在 Angular 项目里直接复用这套成熟的设计语言与 70+ 组件。

它解决什么问题

很多团队 Angular 技术栈配上 React 版的 Ant Design 很别扭，两套绑定、两套心智模型，维护成本翻倍。

企业应用对表格能力要求高：虚拟滚动、树形数据、可编辑单元格，普通组件库往往要自己拼。

核心能力

它要求较新的 Angular 版本

NG-ZORRO 的迭代紧跟 Angular 主干，当前需要 Angular 22 及以上才能用最新版。这意味着老项目如果还停留在旧版本，直接升级依赖可能牵一发动全身。

另外它的视觉语言就是 Ant Design，接受这套规范就用得顺；若团队设计走的是 Material 或其他体系，硬套反而别扭。它的定位始终是桌面端企业应用，触屏移动端不是强项。

同类工具怎么选

谁适合用

• 已经采用 Ant Design 视觉规范、用 Angular 做中后台的团队
• 需要强表格能力（虚拟滚动、树形、可编辑单元格）的业务系统
• 面向多语言市场、需要内置国际化的企业产品

怎么开始

1. 用 ng add ng-zorro-antd 安装，向导会配置样式、图标与主题。
2. 在模块里引入具体组件模块，如 NzTableModule、NzButtonModule。
3. 表格开启 nzData 配合虚拟滚动，大数据量也不卡。
4. 换肤改 styles.less 里的 @primary-color 等 Less 变量并重新编译。
5. 多语言用 en_US / zh_CN 等 locale 文件，配合 registerLocaleData。

常见问题

老 Angular 项目能用吗？
需要 Angular 22+。版本过旧的项目要先升 Angular，或锁定一个兼容的旧版 ng-zorro。

移动端支持怎么样？
定位是桌面企业应用，触屏移动端体验一般，移动 H5 建议用 Ant Design Mobile。

和 React 版 Ant Design 混用？
不建议。同一产品里最好保持单一技术栈，避免重复打包与设计不一致。

授权与合规

NG-ZORRO（ng-zorro-antd）基于 MIT 协议开源，可用于商业产品，无需付费或署名；派生修改需保留原始版权声明，但整体可用于闭源商业软件。 官网：ng.ant.design。