請推薦前端 UI 套件

請問在搭配 Angular 使用時,大家有無推薦的 UI 系統?
在下有試過幾個,例如:Bootstrap, PrimeNG,

Bootstrap 元件數量不夠多。有時還需要搭配 jQuery-UI的元件。
PrimeNG 元件數量還可以,但還是少了一些。
https://material.angular.io/ 比較缺少 data 類的元件。

以前在下都是搭配 jqxWidget ( https://www.jqwidgets.com/ 。這家UI有個特色就是元件數量多,對於 data 類的處理,有一致性。所以很好上手。
但缺點是,字體比較小,雖然字體可以透過 CSS 強制放大,但有時候會因此而破壞一些元件的設計。

因此,想請教大家,除上述的 UI 系統之外,有沒有其他的 UI 元件可以很好搭配 Angular 使用?且字體可以調大不會破壞元件外型的。
謝謝

所謂的 data ui component 是包含哪些?

舉個例子,例如在 DataTable (有的 UI 套件裡可能會叫做 Grid之類的),或是在下拉選單、AutoComplete 的功能裡。有的 UI 元件就是要我們直接下 ajax 直接呼叫 server api 讀取資料。
但是在 jqxWidget 裡,除了上述作法,他也建議用戶使用他們的 dataAdapter 作為資料的控制。
這個 dataAdapter,你可以參閱 jqxDataAdapter 他有一些一致性的控制方式,讓這個 dataAdapter 可以適用在在他自己的所有 UI 元件裡,例如繪圖表、顯示Data Table等等的。
詳情還請自行參閱上述的 jqxDataAdapter 網址

我是使用ngx-admin
Git: https://github.com/akveo/ngx-admin
Live Demo: http://akveo.com/ngx-admin/?utm_source=ngx_admin_landing&utm_medium=main_section

1個讚

FB Angular 社團以前( 2018/11/19) 也有討論過 :grinning:

1個讚

這幾天有稍微試驗了 ngx-admin 。看起來還不錯。
可是在下有個問題請教。
如果在下本來就有一個 Angular 7 的專案。請問要如何把 ngx-admin 加入到這個已存在的專案?謝謝

我是把自己的專案加進ngx-admin
另外開一個自己專案的folder,類似src\app\pages
再改寫原本的app-routing-module.ts的route指到自己的專案

可以试试ng-zorro

1個讚

專案是用Angular material覺得還不錯,
跟Angular適性很高
但門檻略高一些