关于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 相关文章推荐
IE6-IE9不支持table.innerHTML的解决方法分享
Sep 14 Javascript
JavaScript 反科里化 this [译]
Sep 20 Javascript
jQuery检查事件是否触发的方法
Jun 26 Javascript
jQuery密码强度检测插件passwordStrength用法实例分析
Oct 30 Javascript
标准的js无缝滚动效果
Aug 30 Javascript
移动端js触摸事件详解
Sep 18 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
Oct 18 Javascript
vue展示dicom文件医疗系统的实现代码
Aug 27 Javascript
Element UI 自定义正则表达式验证方法
Sep 04 Javascript
Vue列表渲染的示例代码
Nov 01 Javascript
vue 实现单选框设置默认选中值
Nov 07 Javascript
iview实现图片上传功能
Jun 29 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
ThinkPHP控制器间实现相互调用的方法
2014/10/31 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
全面解析PHP面向对象的三大特征
2017/06/10 PHP
插件:检测javascript的内存泄漏
2007/03/04 Javascript
js获取图片长和宽度的代码
2009/11/24 Javascript
JQuery里面的几种选择器 查找满足条件的元素$("#控件ID")
2011/08/23 Javascript
JavaScript快速检测浏览器对CSS3特性的支持情况
2012/09/26 Javascript
用原生JS获取CLASS对象(很简单实用)
2014/10/15 Javascript
jQuery表单域属性过滤器用法分析
2015/02/10 Javascript
浅谈setTimeout 与 setInterval
2015/06/23 Javascript
原生js仿jquery一些常用方法(必看篇)
2016/09/20 Javascript
微信小程序 开发指南详解
2016/09/27 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
2017/03/07 Javascript
tab栏切换原理
2017/03/22 Javascript
JavaScript实现实时更新系统时间的实例代码
2017/04/04 Javascript
Vue.js学习教程之列表渲染详解
2017/05/17 Javascript
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
2017/09/15 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
vue element项目引入icon图标的方法
2018/06/06 Javascript
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
vue + typescript + 极验登录验证的实现方法
2019/06/27 Javascript
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
mpvue微信小程序开发之实现一个弹幕评论
2019/11/24 Javascript
详解JavaScript中的this指向问题
2021/02/05 Javascript
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
Python 如何提高元组的可读性
2019/08/26 Python
用CSS3打造HTML5的Logo(实现代码)
2016/06/16 HTML / CSS
HTML5实现页面切换激活的PageVisibility API使用初探
2016/05/13 HTML / CSS
毕业生自我推荐
2013/11/04 职场文书
求职信写作要突出重点
2014/01/01 职场文书
拾金不昧的表扬信
2014/01/16 职场文书
家电业务员岗位职责
2014/03/10 职场文书
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
给下属加薪申请报告
2015/05/15 职场文书
教师个人工作总结范文2015
2015/10/14 职场文书
《静夜思》教学反思
2016/02/17 职场文书