NG-ZORRO 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
NG-ZORRO 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
NG-ZORRO 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
开源组织 阿里巴巴
地区 国产
投 递 者
适用人群 未知
收录时间 2017-08-16

软件简介

ng-zorro-antd 是 Ant Design 的 Angular 实现,主要用于研发企业级中后台产品。全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。

✨ 特性

  • 提炼自企业级中后台产品的交互语言和视觉风格。
  • 开箱即用的高质量 Angular 组件,与 Angular 保持同步升级。
  • 使用 TypeScript 构建,提供完整的类型定义文件。
  • 支持 OnPush 模式,性能卓越。
  • 数十个国际化语言支持。
  • 深入每个细节的主题定制能力。

☀️ 授权协议

MIT

🖥 支持环境

  • Angular ^10.0.0 
  • 支持服务端渲染
  • 现代浏览器,以及 Internet Explorer 11+ (使用 polyfills
  • Electron

IE / Edge

Firefox

Chrome

Safari

Opera

Electron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions last 2 versions

🎨 设计规范

ng-zorro-antd 与 Ant Design 设计规范定期同步,你可以在线查看同步日志

📦 安装

我们强烈推荐官方的 @angular/cli 工具链辅助进行开发,在实际项目开发中,它可以很好的满足对 TypeScript 代码的构建、调试、代理、打包部署等一系列工程化的需求。

$ ng new PROJECT_NAME
$ cd PROJECT_NAME
$ ng add ng-zorro-antd

如果你想了解更多CLI工具链的功能和命令,建议访问 Angular CLI 了解更多

🔨 使用

将想要使用的组件模块引入到你的 app.module.ts 文件和其它的特性模块中。

import { NzButtonModule } from 'ng-zorro-antd/button';

@NgModule({
  imports: [ NzButtonModule ]
})
export class AppModule {
}

@angular/cli 的用户不需要担心下面这项设置,但知道也挺有好处。

然后在 angular.json 文件中引入样式和 SVG icon 资源。

{
  "assets": [
+   {
+     "glob": "**/*",
+     "input": "./node_modules/@ant-design/icons-angular/src/inline-svg/",
+     "output": "/assets/"
+   }
  ],
  "styles": [
+   "node_modules/ng-zorro-antd/ng-zorro-antd.min.css"
  ]
}

参考快速上手以了解更多。

🔗 链接

⌨️ 开发

$ git clone git@github.com:NG-ZORRO/ng-zorro-antd.git
$ cd ng-zorro-antd
$ npm install
$ npm run start

浏览器会自动打开。

🤝 如何贡献

PRs Welcome

在任何形式的参与前,请先阅读 贡献者文档。如果你希望参与贡献,欢迎 Pull Request,或给我们 报告 Bug

强烈推荐阅读 《提问的智慧》(本指南不提供此项目的实际支持服务!)、《如何向开源社区提问题》 和 《如何有效地报告 Bug》《如何向开源项目提交无法解答的问题》,更好的问题更容易获得帮助。

感谢 JetBrains 提供的免费开源 License 赞助

❓ 社区互助

如果您在使用的过程中碰到问题,可以通过下面几个途径寻求帮助,同时我们也鼓励资深用户通过下面的途径给新人提供帮助。

通过 Stack Overflow 或者 Segment Fault 提问时,建议加上 ng-zorro-antd 标签。

  1. Stack Overflow(English)
  2. Segment Fault(中文)
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(26) 发布并加入讨论🔥
发表了资讯
2022/02/27 07:10

ng-zorro-antd 13.1.0 发布,Ant Design 的 Angular 实现

ng-zorro-antd 是 Ant Design 的 Angular 实现,主要用于研发企业级中后台产品。全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。 特性 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 Angular 组件,与 Angular 保持同步升级。 使用 TypeScript 构建,提供完整的类型定义文件。 支持 OnPush 模式,性能卓越。 数十个国际化语言支持。 深入每个细节的主题定制能力。 13.1.0 Bug Fixes butto...

2
0
发表了资讯
2021/12/21 07:03

ng-zorro-antd 12.1.1 发布,Ant Design 的 Angular 实现

ng-zorro-antd 是 Ant Design 的 Angular 实现,主要用于研发企业级中后台产品。全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。 目前 ng-zorro-antd 更新了 12.1.1 版本,带来如下变化: Bug 修复 date-picker,time-picker: 禁用自动填充 autocomplete 属性 (#7088) (bddc537), closes #6718 popconfirm: 修复箭头丢失样式 (#7086) (3f4a704) timeline: 清空数据时重置组件状态 (#7109) (0ece612) 性能改进 ...

1
0
发表了资讯
2021/11/07 07:45

ng-zorro-antd 12.0.2 发布,Ant Design 的 Angular 实现

ng-zorro-antd 是 Ant Design 的 Angular 实现,主要用于研发企业级中后台产品。全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。 ng-zorro-antd 12.0.2 正式发布,更新内容如下: Bug Fixes core: 纠正 hidden 属性行为 (#6919) (987b1ca), closes #6918 pagination: 修复分页组件错误的省略号 (#6793) (9700e89) affix: 目标元素大小调整时更新固钉位置状态 (#6896) (d18a8ae), closes #6764 date-picker: 修...

0
0
发表于大前端专区
2021/07/13 07:18

ng-zorro-antd 12.0.0 发布,Ant Design 的 Angular 实现

ng-zorro-antd 是 Ant Design 的 Angular 实现,主要用于研发企业级中后台产品。全部代码开源并遵循 MIT 协议,任何企业、组织及个人均可免费使用。 ng-zorro-antd 12.0.0 正式发布,更新内容如下: Bug Fixes pagination: 修复总页数改变时没有触发变更检查的问题 (#6780) (2f1f8dc) pagination: 修复错误的按钮类型导致在表单中触发提交的问题 (#6744) (f77ab28) cascader: 修复 nzClear 不工作的问题 (#6761) (3dd9534), clo...

1
0
2021/04/25 07:21

ng-zorro-antd 11.4.1 发布,Ant Design 的 Angular 实现

ng-zorro-antd 11.4.1 现已发布。NG-ZORRO 是 Ant Design 的 Angular 实现,用于开发和服务于企业级后台产品。 此版本具体更新内容如下: Bug Fixes *: 修复在服务端渲染中创建图片的 ReferenceError 错误 (#6569) (d7b9291) date-picker: 修复点击外部没有更新值的问题 (#6596) (62e4bb6), closes #6595 date-picker: 修复切换月面板的问题 (#6616) (bf4ae4d) date-picker: 修复 time picker 第一次打开时没有滚动的问题 (#66...

0
0
2021/04/10 07:39

ng-zorro-antd 11.4.0 发布,Ant Design 的 Angular 实现

ng-zorro-antd 11.4.0 现已发布。NG-ZORRO 是 Ant Design 的 Angular 实现,用于开发和服务于企业级后台产品。 此版本具体更新内容如下: Bug Fixes table: 修复 nzFrontPagination 为 false 时排序和筛选的问题 (#6547) (097cb6c), closes #5457 date-picker: 修复 Tab 失去焦点没有关闭的问题 (#6571) (21ded3f), closes #5844 drawer: 修复内容在打开之前被挂载的问题 (#6581) (ac50a7b), closes #6381 #6534 space: 修复 nz...

0
1
2021/02/28 07:42

ng-zorro-antd 11.2.0 发布,Ant Design 的 Angular 实现

ng-zorro-antd 11.2.0 现已发布。NG-ZORRO 是 Ant Design 的 Angular 实现,用于开发和服务于企业级后台产品。 此版本具体更新内容如下: Bug Fixes 18n: 新增 de_DE 翻译 (#6434) (1c09fe1) 18n: 新增 es_ES 翻译 (#6421) (6b878b9) docs: 修复依赖警告问题 (#6428) (2fbbe94) dropdown: 修复再次点击没有关闭的问题 (#6353) (#6354) (cd90349) grid,menu,radio,table: 修复内存泄漏问题 (#6408) (94607a0) input: 修复 nzAuto...

2
1
2021/01/19 07:03

ng-zorro-antd 11.0.2 发布,Ant Design 的 Angular 实现

ng-zorro-antd 11.0.2 现已发布。NG-ZORRO 是 Ant Design 的 Angular 实现,用于开发和服务于企业级后台产品。 此版本具体更新内容如下: Bug 修复 carousel: 修复在 RTL 下的问题 (#6336) (f6a844b(#6318)); (bef7e29), closes #6301 date-picker: 修复警告信息提示错误的问题 (#6335) (cf10a03), closes #6310 date-picker: 修复开始结束面板展示不合理的问题 (#6339) (7f47698), closes #6308 #6142 #5992 descriptions: 修复...

1
1
2020/12/24 08:19

ng-zorro-antd 11.0.0 发布,支持 Angular 11

ng-zorro-antd 11.0.0 现已发布。此版本一共完成了 140+ PR 的合并,关闭了 200+ issues,并且提供了 Angular 11 支持。同时还新增加了 Graph、Image、TreeView 组件,支持了与新的 Angular Locale 国际化集成方案、 RTL 展示方式与内置阿里云主题。 具体更新内容如下: 支持 RTL 新增 Graph 实验性组件 支持自定义的多层级的图(Graph)渲染。 新增 Image 组件 可用于处理图片的渐进加载,加载失败占位符,以及图文内容中的图片...

6
0
发表于大前端专区
2020/09/30 07:23

ng-zorro-antd 10.0.0 发布,使用 Angular 10 构建

ng-zorro-antd 10.0.0 发布了。最新版本使用 Angular 10 和 TypeScript 4 构建,同步到了 Ant Design 4.6 样式。包含 Bug Fixes(30+) Features(10+) 并移除了之前版本的弃用代码,更多 Features 将会在 10.x 后续版本释出。 添加了 Pipes 试验性模块 import { NzPipesModule } from 'ng-zorro-antd/pipes'; 包含 Aggregate(聚合)、Ellipsis(字符省略)、SafeNull(null 转换) 等常用 Pipe。 新的 Tabs 组件交互 同步了 Ant Desi...

6
2
发表于大前端专区
2020/06/20 08:01

ng-zorro-antd 9.2.0 和 9.2.1 发布,Ant Design 的 Angular 实现

ng-zorro-antd 9.2.0 和 9.2.1 发布了。NG-ZORRO 是 Ant Design 的 Angular 实现,用于开发和服务于企业级后台产品。 9.2.0 版本更新内容包括: Bug Fixes affix,anchor: 修复当初始值非 number 导致错误值的问题 (#5277) (1c72939) tree: 修复 nzCheckStrictly 和 nzSelectedKeys 的问题 (#5431) (67d9dd0), closes #5385 #5195 #5068 badge: 修复父组件非 onPush 时 nzCount 不显示的问题 (#5275) (d1f0321) button: 修复初始...

1
2
发表于大前端专区
2020/04/16 12:37

ng-zorro-antd 9.0 发布 ,支持 Angular 9 新特性!

版本介绍 欢迎来到 ng-zorro-antd 的 9.0.0 版本,升级到最新版本之后,开发者不仅可以享受到最新版本 Angular 的支持,还可以获得最新特性和更好的性能。 ng-zorro-antd 的部分 API 在 8.x 版本进入弃用状态,并且在开发环境中给出了警告提醒,所有之前弃用 API 在 9.0.0 不再支持,如果你之前已经根据告警信息修改了对应组件的使用方式,那么 9.0.0 版本升级不会有任何障碍,请按照以下步骤进行。 开始升级之前 首先确保你 No...

8
4
发表于大前端专区
2020/03/19 07:40

NG-ZORRO 9.0.0-beta.1 发布,Ant Design 的 Angular 实现

NG-ZORRO 9.0.0-beta.1 发布了,NG-ZORRO(已更名为 ng-zorro-antd)是 Ant Design 的 Angular 实现,用于开发和服务于企业级后台产品。 ng-zorro-antd 的部分 API 在 8.x 版本进入弃用状态,并且在开发环境中给出了警告提醒,所有之前弃用 API 在 9.0.0 不再支持,如果你之前已经根据告警信息修改了对应组件的使用方式,那么 9.0.0 版本升级不会有任何障碍,请按照以下步骤进行。 升级 Angular 主版本号至 9.0.0 版本,可以参考...

1
3
发表于大前端专区
2019/11/20 07:26

NG-ZORRO 8.5.1 发布,Ant Design 的 Angular 实现

NG-ZORRO 8.5.1 发布了。NG-ZORRO 是 Ant Design 的 Angular 实现,用于开发和服务于企业级后台产品。 新版本更新内容如下: Bug Fixes code-editor: 修复 config 取值错误,优化相关文档 (#4436) (5283a32) drawer: 修复 nzPlacement 为 top/bottom 时内容超出无法滚动问题 (#4423) (9451de5), closes #4354 tooltip: 修复鼠标移出到弹出层时被隐藏的问题 (#4418) (a6b5901), closes #4417 tree-select: 修复 strict 模式下点击...

2
2
发表于大前端专区
2019/11/12 07:20

NG-ZORRO 8.5.0 发布,Ant Design 的 Angular 实现

NG-ZORRO 8.5.0 发布了。NG-ZORRO 是 Ant Design 的 Angular 实现,用于开发和服务于企业级后台产品。 新版本更新内容如下: Bug Fixes auto-complete: 修复默认值无法选中的问题 (#4366) (09f1ec6), closes #4362 date-picker: 修复nzDefaultOpenValue 在时间面板中不工作的问题 (#4357) (dfa3d39), closes #4331 date-picker: 修改打开面板闪烁的问题 (#4315) (931fd48) mention: 修复移动端无法选择的问题 (#4309) (1b...

8
0
发表于大前端专区
2019/10/25 07:07

NG-ZORRO 8.4.1 发布,Ant Design 的 Angular 实现

NG-ZORRO 8.4.1 发布了。NG-ZORRO 是 Ant Design 的 Angular 实现,用于开发和服务于企业级后台产品。 新版本更新内容如下: Bug Fixes core: 修复全局配置在 prod 模式下的问题 (#4325) (cc9308d), closes #4319 drawer: 修复 drawer 样式问题 (#4311) (5cdd5db), closes #4304 page-header: 修复 page-header 样式问题 (#4303) (4c10e5b) table: 修复 nzWidth 设置问题(#4329) (c6bdf15), closes #4312 更新说明及下载地址...

0
1
发表于大前端专区
2019/10/16 07:17

NG-ZORRO 8.4.0 发布,Ant Design 的 Angular 实现

NG-ZORRO 8.4.0 发布了。NG-ZORRO 是 Ant Design 的 Angular 实现,用于开发和服务于企业级后台产品。 新版本更新内容如下: Bug 修复 tree: 修复 nzHideUnMatched 不生效的问题 (#4286) (87dd59e), closes #3970 tree: 修复 isLeaf 属性变化时不更新的问题 (#4289) (4b90577), closes #4037 auto-complete: 修复输入相同数据不触发变更的问题 (#4215) (21e91e3) i18n: 修复 de_DE 语言 (#4239) (f819fad) pagination: 修复空格...

1
0
发表于大前端专区
2019/09/11 07:17

NG-ZORRO 8.3.0 发布,Ant Design 的 Angular 实现

NG-ZORRO 8.3.0 发布了。NG-ZORRO 是 Ant Design 的 Angular 实现,用于开发和服务于企业级后台产品。 新版本更新内容如下: Bug Fixes cascader: 支持假值, 除了 null / undefined) (#4119) (0cb44ac), closes #4110 editor: 修复 any 类型 (#4105) (bd720fb), closes #4099 i18n: 修复繁体中文国际化与类型定义 (#4102) (bb9e89f), closes #4080 i18n: 修复俄罗斯国际化 (f267bdd) i18n: 修复加泰罗尼亚国际化 (#4116) (c530c...

1
1
发表于大前端专区
2019/09/08 07:34

NG-ZORRO-MOBILE 1.0.0 beta.2 发布,基于 Angular 8 的 UI 组件

NG-ZORRO-MOBILE 1.0.0 beta.2 发布了,NG-ZORRO-MOBILE 是 Ant Design 移动规范的 Angular 实现,服务于阿里巴巴集团数据无线业务。 更新内容如下: Bug Fixes list: 修复 typescript 格式导致的编译报错 (#565) (46e66f2) website: 修复官网 version 映射 (#562) (3744833) codebox: 修复 stackblitz package 依赖展示错误 (#561) (61dcc28) codebox: 修复复制代码为对象的错误 (#560) (630f63c) codebox: 修复 rawCode 转换错...

0
2
发表于大前端专区
2019/09/05 07:29

NG-ZORRO-MOBILE 1.0.0 beta.1 发布,基于 Angular 8 的 UI 组件

NG-ZORRO-MOBILE 1.0.0 beta.1 发布了,NG-ZORRO-MOBILE 是 Ant Design 移动规范的 Angular 实现,服务于阿里巴巴集团数据无线业务。 更新内容如下: Bug Fixes module: stepper: 修复用户输入时按钮状态错误 (#554) (0739e2c) module: modal: 修复函数调用错误 (#543) (53cde92) Features All: 支持 Angular 8.0 (#553) (c2fd82d) 更新说明及下载地址...

1
4
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
26 评论
234 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部