小编给大家分享一下angular7中引用ng zorro antd的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在angular7中使用新的ng zorro
小编给大家分享一下angular7中引用ng zorro antd的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
在angular7中使用新的ng zorro,按照官方文档一步一步来,没有报错,但是也没有反应。
试了一下官方的两种方式,第一种方式如果使用cnpm会报错,第二种方式会没有反应,也是因为使用了cnpm安装的缘故。
官方的第一种方式:
1. 安装脚手架工具`npm install -g @angular/cli`2. 创建一个项目`ng new PROJECT-NAME`3. 初始化配置`ng add ng-zorro-antd`4. 开发调试`ng serve --port 0 --open`5. 构建和部署`ng build --prod`
官方的第二种方式:
1. 安装组件`npm install ng-zorro-antd --save`2. 引入模块import { HttpClientModule } from '@angular/common/http';imports: [ BrowserModule, NgZorroAntdModule ],3. 引入样式与 SVG 资源 angular.JSON{ "assets": [ ... { "glob": "***", "input": "./node_modules/@ant-design/icons-angular/src/inline-svg/", "output": "/assets/" } ], "styles": [ ... "node_modules/ng-zorro-antd/ng-zorro-antd.min.CSS" // "node_modules/ng-zorro-antd/src/ng-zorro-antd.min.css" ]}
正确引入姿势3
这种方式可以使用npm或者使用cnpm,两种方式都是可以完成正确引入的。
1、安装ng zorro组件
npm install ng-zorro-antd --save
2、导入模块
app.module.ts
import { NgZorroAntdModule } from 'ng-zorro-antd';imports: [ BrowserModule, NgZorroAntdModule ],
3、引入样式
styles.css
@import "~ng-zorro-antd/src/ng-zorro-antd.css";
以上是“angular7中引用ng zorro antd的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网精选频道!
--结束END--
本文标题: angular7中引用ng zorro antd的方法
本文链接: https://www.lsjlt.com/news/278402.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0