angular5.x UI 框架 ant desigin 介绍 安装 使 用

一、Angular5 UI 库 Ant Desigin 介绍

Ant Design 是我们(蚂蚁金服 Ant Design 团队)开发的一款优秀的前端框 UI 库架支持 React

和 Angular5。

Ant Design 很久以前只支持 React，但是 Facebook React 开源协议修改后, 阿里巴巴 Ant Design

团队开始了 Angular5 的支持。

据了解，Facebook 前段时间发表了一篇名为《关于 React 使用许可协议的官方声明》的申明。 声明中称，任何人不能将 React 用于与 Facebook 及其合作公司有直接或间接竞争关系的项 目中，否则 Facebook 公司自动取消其使用许可。

Ant Design 主要用于开发和服务于企业级后台产品。如果你想开发移动端应用(web 页面 /app) Ionic 是不错的选择。

Ant Design 官网:https://ng.ant.design

二、Angular5 擅长做什么?

三、Angular5 UI 库 Ant Desigin 安装使用

Ant Desigin 当前支持 Angular ^5.0.0 版本，(意思就是要你要用 antd,你要使用最新的 Angualr)

1、如果已经有 angulat 项目，直接安装 antd 这个插件然后使用:

npm install ng-zorro-antd --save 或者 cnpm install ng-zorro-antd --save

2、app.module.ts 里面引入 antd，并在模块中注入 NgZorroAntdModule.forRoot()

注意:建议按照官方文档引入对应的模块

import { NgZorroAntdModule } from 'ng-zorro-antd';

imports: [ BrowserModule, FormsModule, NgZorroAntdModule.forRoot()

]

3、在对应的组件中加入一个按钮看看是否会显示，如果会表示 antd 安装成功看文档使用

测试按钮