ng-zorro使用过程中的一些笔记
2018-03-31 11:49
183 查看
今天开始学习NG-ZORRO这个UI框架,过程中遇到了许多问题,这里把一些问题记录下来,方便后续查阅。NG-ZORRO由阿里大神们开源,给angular开发者提供了极大的便利。
在login组件中使用nz-button后,打包脚本执行到build:prod时报错,报错信息如下:
经过分析发现,可能是primary被当成这个组件的属性处理了,而我没有在组件中定义这个属性,所以报错,于是把它改成字符串试试。
4000
改变icon图标的大小
我试图通过改变width属性来改变图标的大小,通过background来改变颜色,最后才发现通过::before伪元素构造的图标其实是文字内容,因而其大小需要通过font-size来控制,而颜色则是由color来控制。知道真相的我眼泪掉下来。font-size: 24px; color: rgba(245, 245, 245, 0.6);
使用nz-button时,prod环境打包报错
<button nz-button [nzType]="primary">
在login组件中使用nz-button后,打包脚本执行到build:prod时报错,报错信息如下:
ERROR in ng:///G:/projects/angular/my-app/src/app/login/login.component.html (9,3): Property 'primary' does not exist on type 'LoginComponent'
经过分析发现,可能是primary被当成这个组件的属性处理了,而我没有在组件中定义这个属性,所以报错,于是把它改成字符串试试。
<button nz-button [nzType]="'primary'">
打包时间接近8分钟
使用了nz-zorro后,打包竟然长达8分钟,而打包后的包的大小与之前一致。我相信这不是ng-zorro的问题,可能是我的webpack配置出现了问题。我之前使用的angular版本是4.2的,安装ng-zorro后报了个警告,于是我升级angular/core等版本到4.4,不知道是不是这些问题引起的,具体原因还没找到。这里先挖个坑。// 这一步等待时间超长,接近8分钟 91% additional asset processing
4000
相关文章推荐
- 关于Angular 4 + ng-zorro 使用过程中遇到的问题
- iOS开发笔记之六十七——Category使用过程中的一些注意事项
- idea使用过程中的一些常见问题,做个笔记
- android开发过程中和linux使用的一些零碎笔记
- 使用javamail发信过程中的一些问题及解决方法
- MySQL安装笔记和一些使用方法
- 最近使用XML过程中一些问题的总结
- C#中使用Oracle 存储过程笔记
- 看代码过程中碰到的一些问题以及笔记
- 建立数据库的过程中应注意避免使用一些常见字
- [翻译练习]关于在传统ASP.NET Web应用程序上面使用Routing的一些笔记
- 使用javamail发信过程中的一些问题及解决方法
- 笔记下UltraEdit的一些常用使用技巧
- 苹果使用过程的一些小技巧
- 临时表操作的一些见解(解决了我在存储过程中使用临时表的困惑)
- Oracle RAC安装过程中所使用的一些配置
- 学习java过程中的一些笔记.
- 使用javamail发信过程中的一些问题及解决方法
- C#中使用Oracle 存储过程笔记
- 使用webchart过程中遇到的一些问题