关于angular引入ng-zorro的问题浅析
更新时间：2020年09月09日 09:24:21 作者：FisherKai
这篇文章主要给大家介绍了关于angular引入ng-zorro的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
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问题内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家介绍了Angular @Injectable注解的工作原理解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
随着互联网和信息技术的发展，如何快速构建高效、强大的动态网站成为很多人研究的热点。该文将结合AngularJS和Node.js构建一个在线聊天室，体现AngularJs和Node.js整合的优点。2015-08-08
这篇文章主要介绍了Angularjs验证用户输入的字符串是否为日期时间,需要的朋友可以参考下2017-06-06
这篇文章主要介绍了Bootstrap与Angularjs的模态框实例代码,需要的朋友可以参考下2017-08-08
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
指令是angular的核心功能之一，用好了事半功倍，监听ng-repeat执行状态仅仅是它功能的冰山一角吧。下面这篇文章主要介绍了Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法,需要的朋友可以参考下。2016-12-12
今天小编就为大家分享一篇angular中子控制器向父控制器传值的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
这篇文章主要介绍了AngularJS删除路由中的#符号的方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
这篇文章主要介绍了详解Angular6 热加载配置方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
AngularJS 路由和模板实例及路由地址简化方法(必看)
下面小编就为大家带来一篇AngularJS 路由和模板实例及路由地址简化方法(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了AngularJS的视图功能应用,包括ng-view和ng-template以及$routeProvider的使用，以及 $routeProvider 需要的朋友可以参考下2015-06-06
最新评论