关于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问题内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
angularjs在ng-repeat中使用ng-model遇到的问题
本文给大家分享了一个个人在使用angular过程中遇到的在ng-repeat中使用ng-model的问题，并附上简单的解决办法，希望能对大家学习angular有所帮助2016-01-01
AngularJS之自定义服务详解(factory、service、provider)
本篇文章主要介绍了AngularJS之自定义服务详解(factory、service、provider)，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-04-04
本篇文章主要介绍了angular实现form验证实例代码，具有一定的参考价值，有兴趣的可以了解一下。2017-01-01
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
TinyMCE是一个轻量级的富文本编辑器，相对于CK编辑器更加精简，但必须满足绝大部分场景的需要。这篇文章主要介绍了Angular5整合富文本编辑器TinyMCE（汉化+上传）的相关知识,需要的朋友可以参考下2020-05-05
本篇文章主要介绍了AngularJS监听路由变化的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
本篇文章主要介绍了AngularJS中的按需加载ocLazyLoad，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-01-01
这篇文章主要介绍了深入理解AngularJs－scope的脏检查（一） ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
本篇文章主要介绍了Angular 封装并发布组件的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
这文章给大家介绍了如何利用AngularJS一次监听多个值发生的变化，文中通过示例代码演示，这样更方便大家理解学习，有需要的可以参考借鉴。2016-08-08
本篇文章主要介绍了详解Angular4 路由设置相关，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
最新评论