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 怎么用

为什么箭头函数跟一个链一样一直持续下去

 

 

转载于:https://www.cnblogs.com/xyJen/p/9846377.html