Angular+ng-zorro遇坑记

 【写在前面】

绝大多数奇奇怪怪的报错,如 json/schema之类,系统文件,自带文件报错的,考虑是否是版本问题。版本迭代速度有点快,而且兼容性不是很理想,当然也是我技术不行 。

谨慎升级,不要随便卸载/升级脚手架做好的包,要做升级或者模块安装,看好目前使用的版本。

一、

【问题描述】:ng-zorro样式不起作用(失效)

原因:查看 angular.json-styles列表,发现

到目录中查看styles.css文件,发现空白。

解决方法:将ng-zorro的样式表添加到styles.css文件

二、

【问题描述】:icon不显示

原因:ng-zorro图标加载分为静态和动态,不显示的原因是只在HTML代码页面使用icon,但是这个图标并未加载出来,所以在控制台会报错

解决方法:https://ng.ant.design/components/icon/zh#%E9%9D%99%E6%80%81%E5%8A%A0%E8%BD%BD%E4%B8%8E%E5%8A%A8%E6%80%81%E5%8A%A0%E8%BD%BD

如何更好使用 ng-zorro-antd 图标 

 三、

【问题描述】:angular form 表单问题

出错:Can't bind to 'formGroup' since it isn't a known property of 'form'.

解决方法:在app.module.ts中引入ReactiveFormsModule,并在imports中写入

四、

【问题描述】:websocket显示警告

 五、

【问题描述】:个性化定义ng-zorro modal的footer, 我只想要一个按钮,不要想要默认的确认 和 取消

没有正确理解官方api的说明 

我以为是  nzOkText="null", 这样是不行的,按钮里边的文字就变成 null,正确做法是

[(nzOkText)]="okText"   双向绑定 一个变量,然后在ts文件里边,设置这个变量为null。——我只能说中华文化博大精深。
感谢评论指出,nzOkText=null  也是可行的,加了引号,应该是当做字符串处理,所以才不起作用。
 

六、

【问题描述】删除一行记录,弹出确认框,点击确认按钮,发送请求,删除成功后关闭确认框,在发送请求中,按钮在loading状态。
nzOnOk 怎么用
promise 怎么用
为什么箭头函数跟一个链一样一直持续下去

 w t mua的真的好羞耻,竟然能这么天真的问出来“为啥子箭头函数像链条一样持续下去”,羞耻到爆炸,公开处刑。

这只是一个返回promise的函数啊!红框圈的地儿都不对。。我ORZ

羞耻,现在就是十分羞耻 (ノへ ̄)

原文地址:https://www.cnblogs.com/xyJen/p/9846377.html