1. 程式人生 > 其它 >angualr1.5+nz0.6模組匯入以及元件ng-zorro-antd使用

angualr1.5+nz0.6模組匯入以及元件ng-zorro-antd使用

專案年頭比較長了 版本都比較落後 nz0.6已經不再維護,但是以防小夥伴突然接到這種老專案和產品打架。。。。

首先模組匯入部分 還是一樣 將當前模組下的所有頁面或者檔案都匯入到module.ts中

上圖意思就是即使是一個彈框元件 也要匯入到modeule.ts中

以及匯入元件的class位置:(圖解)

一次類推,現在是將全部的頁面以及元件掛到了當前模組的module.ts上

然後你的頁面中也要再次匯入頁面中用到的元件 :

觸發元件方式 比如點選編輯按鈕時 :

重新整理當前頁面列表 或者重置某引數 直接寫在呼叫裡面即可。(就是編輯或者刪除之後 重新整理當前頁面表格展示出來)

請求介面方式:

首先建立一個資料夾 把介面統一封裝寫進去

如果需要呼叫依然是 直接引入即可 記得把class名也要在constructor中private宣告一下 就可以(this.class名.介面名) 呼叫了

ng-tree-antd 就是實現一個tree列表 ,使用原因是nz0.6官網上並沒有tree?管他呢。。。反正官網都不更新0.6了 注意要點是 我遇到過ng-tree-antd 反覆重新安裝也一直報錯 提示object(...)not function 但是這個問題在我同事的虛擬機器上重新安裝專案就好了 具體原因可能是某些版本影響 但是報錯太模糊 無法檢查到(相當崩潰) 使用方法: 直接在模組的module.ts檔案中引入即可

上一次用angualr還是4年前。。。

有一說一 還是vue使用起來簡單方便