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 怎么用
為什么箭頭函數跟一個鏈一樣一直持續下去

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM