Ant Design 的 Angular 实现,结合特殊化定制，开发和服务于企业级后台产品。

✨ 特性

• 提炼自企业级中后台产品的交互语言和视觉风格。
• 开箱即用的高质量 Angular 组件。
• 使用 TypeScript 构建，提供完整的类型定义文件。
• 全链路开发和设计工具体系。

🖥 支持环境

• Angular ^6.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

由于 @angular/cdk 的缘故，ng-zorro-antd-net 支持主要浏览器的最新两个主版本。

📦 安装

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

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

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

🔨 使用

在每一个需要使用组件的 module 中引入 NgZorroAntdModule。

import { NgZorroAntModule } from 'ng-zorro-antd-net';

@NgModule({
  imports: [ NgZorroAntdModule ]
})
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"
  ]
}

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

🔗 链接

• ng-zorro-antd-mobile
• ng-alain
• VSCode 的 snippet 扩展

⌨️ 开发

$ git clone ssh://[email protected]:22222/CZG-F2E/angular-components.git
$ cd ng-zorro-antd-net
$ npm install
$ npm run site:start

浏览器会自动打开。

🎉 使用在哪?

• 分层实验平台

如果你的产品使用了 NG-Z-ATSALE-NET，欢迎到 这里 留言。