关于angular引入ng-zorro的问题浅析


Posted in Javascript onSeptember 09, 2020

ng-zorro的官网上提供了两种在项目中添加ng-zorro的方法,下面记录其提供的第二种自行构建的方式。

第一步:执行该命令创建新的angular项目,若没安装angular/cli请执行安装

ng new new-project

第二步:添加ng-zorro

npm install ng-zorro-antd --save

第三步:引入模块

在app.module.ts文件中引入

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

......
imports: [ 
BrowserModule,
FormsModule,
HttpClientModule,
BrowserAnimationsModule,
/** 导入 ng-zorro-antd 模块 **/ 
NgZorroAntdModule
]
......

第四步:在 angular.json 文件中引入样式

{ 
"assets": [
... 
], 
"styles": [ 
... 
"node_modules/ng-zorro-antd/ng-zorro-antd.min.css"
] }

第五步:在入口style.css或者style.less文件下引入组件样式

@import "~ng-zorro-antd/style/index.min.css"; /* 引入基本样式 */
@import "~ng-zorro-antd/button/style/index.min.css"; /* 引入组件样式 */

@import "~ng-zorro-antd/style/entry.less"; /* 引入基本样式 */
@import "~ng-zorro-antd/button/style/entry.less"; /* 引入组件样式 */

然后在所需要的组件中使用ng-zorro就可正常使用了。

总结

到此这篇关于关于angular引入ng-zorro的问题的文章就介绍到这了,更多相关angular引入ng-zorr问题内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
学习ExtJS border布局
Oct 08 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
Nov 21 Javascript
javascript对JSON数据排序的3个例子
Apr 12 Javascript
jQuery+HTML5美女瀑布流布局实现方法
Sep 21 Javascript
分享有关jQuery中animate、slide、fade等动画的连续触发、滞后反复执行的bug
Jan 10 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
Oct 14 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
Jan 11 Javascript
简单谈谈关于 npm 5.0 的新坑
Jun 08 Javascript
JS图片延迟加载插件LazyImgv1.0用法分析【附demo源码下载】
Sep 04 Javascript
vue  自定义组件实现通讯录功能
Sep 30 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 Javascript
javascript使用Blob对象实现的下载文件操作示例
Apr 18 Javascript
关于vue的列表图片选中打钩操作
Sep 09 #Javascript
JavaScript日期库date-fn.js使用方法解析
Sep 09 #Javascript
js实现简单抽奖功能
Nov 24 #Javascript
js实现贪吃蛇游戏 canvas绘制地图
Sep 09 #Javascript
Vue路由 重定向和别名的区别说明
Sep 09 #Javascript
JavaScript常用8种数组去重代码实例
Sep 09 #Javascript
Vue项目配置跨域访问和代理proxy设置方式
Sep 08 #Javascript
You might like
PHP中的CMS的涵义
2007/03/11 PHP
采用PHP函数memory_get_usage获取PHP内存清耗量的方法
2011/12/06 PHP
利用php获取服务器时间的实现代码
2013/06/07 PHP
destoon文章模块调用企业会员资料的方法
2014/08/22 PHP
使用XHProf查找PHP性能瓶颈的实例
2017/12/13 PHP
JQuery中使用.each()遍历元素学习笔记
2014/11/08 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
2015/04/25 Javascript
使用AngularJS实现表单向导的方法
2015/06/19 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
2016/05/24 Javascript
JavaScript在form表单中使用button按钮实现submit提交方法
2017/01/23 Javascript
Vue仿支付宝支付功能
2018/05/25 Javascript
微信公众号平台接口开发 获取access_token过程解析
2019/08/14 Javascript
vant实现购物车功能
2020/06/29 Javascript
JS实现放大镜效果
2020/09/21 Javascript
关于Node.js中频繁修改代码重启服务器的问题
2020/10/15 Javascript
[47:21]Liquid vs TNC Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
删除目录下相同文件的python代码(逐级优化)
2012/05/25 Python
详解python eval函数的妙用
2017/11/16 Python
python实现将一个数组逆序输出的方法
2018/06/25 Python
Python 给某个文件名添加时间戳的方法
2018/10/16 Python
python实现的生成word文档功能示例
2019/08/23 Python
利用Python裁切tiff图像且读取tiff,shp文件的实例
2020/03/10 Python
浅谈Python协程
2020/06/17 Python
英国领先的票务代理商之一:The Ticket Factory
2019/02/09 全球购物
介绍java中初始化块的使用
2012/09/11 面试题
学生学习总结的自我评价
2013/10/22 职场文书
2014年五四青年节活动策划书
2014/04/22 职场文书
体育教育毕业生自荐信
2014/06/29 职场文书
秋季校运会广播稿100字
2014/09/18 职场文书
2014法院四风问题对照检查材料思想汇报
2014/10/04 职场文书
市级三好学生评语
2014/12/29 职场文书
教师工作决心书
2015/02/04 职场文书
导游词之日月潭
2019/11/05 职场文书
关于Nginx中虚拟主机的一些冷门知识小结
2022/03/03 Servers
i5-10400f处理相当于i7多少水平
2022/04/19 数码科技
python数字图像处理之图像自动阈值分割示例
2022/06/28 Python