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是不错的选择。

二、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安装成功看文档使用

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