如何評價NG-ZORRO(Ant Design + Angular)?

NG-ZORRO(Ant Design + Angular)UI組件庫正式發布

期待已久~

準備用NG-ZORRO重構公司的Angular項目,大家有一起實踐的歡迎來討論!


我來拋磚引個玉吧。

昨天大概把文檔都過了一遍。

首先文檔非常棒,快速上手部分寫的非常新手向,component部分與官方material類似的,演示中會附帶代碼實踐,體驗上很棒。

@pengx17 在NG-ZORRO(Ant Design + Angular)UI組件庫正式發布下的討論提到使用directive實現來替代現有的部分組件如tooltip等。我深以為然,讓用戶在使用和看代碼時候更直觀感受到,這個是我attach在某個component上的附屬品,而不是本身就存在在DOM上還需要由用戶來控制隱藏顯示的東西。

另外還有一個建議,就是可以考慮將組件歸類,並放在多個NgModule中,比如:我只需要用到Button和Icon,那麼我引入一個NzGeneralModule,我需要用Layout、Grid這些東西的時候,只需要引入NzLayoutModule,這樣在用戶打包的時候就不需要將沒有使用到的組件放入整個工程,以此來縮小bundle。

剩下的就期待佐羅團隊慢慢完善整個library吧~。

期待一些諸如Smart Form、Smart Table等組件的出現。

有機會也希望給佐羅提PR。


沒找到Tree table

20170924,tree table 有了

多表頭table 的nzwidth屬性有錯位

table無法橫向滾動...這真是硬傷...用不下去了

只能期待後續完善


我們公司用的就是 ng-zorro-antd ,項目已經上線,整體效果都不錯,支持


前端開源事業的一大貢獻


似乎還沒有table的frozen pinning列功能,也沒有多行表頭,跟react的antdesign比還差很多。不如primeng組件多,期待繼續完善。


首先,我發現NG-ZORRO是在一個月前的官網推薦上,看DEMO還不錯,之後用了一小段時間, 發現組件中功能上還是有很多不完善的, 遂往github上提了issue, 相關人員在一周後回了句設計如此, 就關帖了,呵呵, 然後不知道為什麼,今天看官網推薦已經把NG-ZORRO的鏈接給下了. 呵呵.

Ant-Design本身是不錯的,它在UI上的規範和價值指導非常值得學習, 但ZORRO中的一些控制項的設計對交互的理解還需要改進,有些動畫效果做的實在是讓人覺得捉急,而開關偏偏又是全局開關,潛台詞: 要麼NoopAnimation,要麼蛋疼, 呵呵.

回上面提出的一些看法, 我有看NG-ZORRO的源碼, 本來我看各個component都是單獨的模塊,應該是分別可以導出的,但是npm install安裝的包里,各個模塊都改名了, 例如 XXXModule變成 類似 ebi這樣的三字母組合,而且引入一個模塊還要引入它依賴的東西,一下就變得繁雜起來, 難道必須把源碼引入項目才能避免這個問題么? 反正本人嘗試未果, 最終還是放棄了.


看了一下文檔,感覺應該是一個KPI產品,很多常用的組件都不齊全,沒辦法用,個人不是很推薦。大家想想之前其他產品線上的一些開源作品,就會懂了。

另外,中國區開發者真的還有在用Angular的?


推薦閱讀:

TAG:Angular? | AntDesign |