100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > angular蚂蚁_angular5.x UI框架ant desigin介绍 安装 使用

angular蚂蚁_angular5.x UI框架ant desigin介绍 安装 使用

时间:2022-03-27 08:49:11

相关推荐

angular蚂蚁_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安装成功看文档使用

测试按钮

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。