【51CTO.com快譯】眾所周知，由Google開發(fā)，并基于TypeScript的Angular，能夠交付出具有出色Web性能的各種應用。隨著Angular能夠得到持續(xù)的更新，作為JavaScript經典框架之一的Angular，在GitHub上已累計了超過60,000個星。目前，諸如PayPal、Upwork和Netflix等明星公司，都在其前端開發(fā)的過程中使用到了Angular。

[[354489]]

由于Angular是目前公認的最佳Web開發(fā)框架，因此市場上不同的社區(qū)貢獻者們?yōu)樗_發(fā)出了許多組件庫。面對那些林林總總的組件庫，您也許會深陷“選擇困難癥”。那么，下面我將為您深入地探究每個組件庫，以方便您及時作出最合適的選擇。

1.Angular Material

以前被稱為Material2的Angular Material，是由Angular和TypeScript建立的官方組件庫。它主要致力于實現(xiàn)Google的material設計。Angular Material能夠遵循各種UI的最佳實踐，其中包括用戶能夠從各種命令行模板中，迅速添加新的功能。

Github星級：20,000+

每周npm下載量：480,000+

最近更新版本：8.0.1

您可以在該組件庫中使用的Angular組件包括：

• 彈出式snackbar和對話框的創(chuàng)建
• 各種進度條
• Ico和chip圖標
• 包括網(wǎng)格列表、選項卡，購物車等布局組件
• 工具欄菜單和導航欄

2.NG Bootstrap

該Angular庫提供了bootstrap 4的各種組件，旨在取代Angular UI-bootstrap。市場上普遍認為NG Bootstrap程序提供了較高的測試覆蓋率，同時也刪除了所有第三方的JS依賴項。

Github星級：7000+

每周npm下載量：200,000+

最近更新版本：5.0.0-rc.0

您可以在該組件庫中使用的Angular組件包括：

• 提示工具(tooltip)
• 彈窗
• 輸入提示(Typehead)
• 靜態(tài)框(Modal)
• 日期選擇器

3.Ng Semantic UI

Ng Semantic庫是基于Angular 2和Semantic UI構建的，也是市場上最流行的、被使用最多的UI組件之一。

Github星級：1000+

每周npm下載量：461+

最近更新版本：1.1.13

您可以在該組件庫中使用的Angular組件包括：

• 消息
• 評級
• 菜單
• 列表
• 分段
• 選擇
• 按鈕
• 側邊欄
• 標記(Flag)

4.Prime NG

Prime NG是Angular框架中最負盛名的組件庫之一，其中包含了涉及到各種主題的80多個UI組件。基于Prime NG的專業(yè)設計，用戶能夠輕松地自定義各種組件。這也正是許多明星公司(例如eBay)使用該組件庫的主要原因。

Github星級：6000+

每周npm下載量：178,000+

最近更新版本：8.0.0

您可以在該組件庫中使用的Angular組件包括：

• 上載文件組件
• 面板和燈箱放大效果(lightbox)等組件
• 工具欄和滾動面板
• 頁簽(Tabview)面板
• 包括數(shù)據(jù)列表和數(shù)據(jù)網(wǎng)格等數(shù)據(jù)組件

5.Clarity

來自VMware開源設計系統(tǒng)的Clarity，能夠將HTML和CSS組件與Angular組件結合在一起使用。這對于設計人員和開發(fā)人員是非常實用的。

Github星級：6000+

每周npm下載量：11,000+

最近更新版本：2.0.1

您可以在該組件庫中使用的Angular組件包括：

• 登錄頁面
• 網(wǎng)格
• 密碼
• 進度條
• 各種警告
• 撥動開關效果
• 單選按鈕

6.NGX Bootstrap

該組件庫提供了Angular下的所有bootstrap組件。由于帶有各種bootstrap功能，因此它廣受Angular開發(fā)人員的喜愛和使用。NGX Bootstrap的另一個獨特之處在于它既能夠與PC主機，又能夠與移動設備相兼容。

Github星級：5100+

每周npm下載量：11,000+

最近更新版本：2.0.1

您可以在該組件庫中使用的Angular組件包括：

• 分頁
• 各種警告
• 日期選擇器
• 輸入提示
• 伸縮折疊(Collapse)
• 嵌套折疊(Accordion)

7.NG ZORRO

由TypeScript編寫的NG ZORRO，是基于Ant架構而設計的，因此它提供了一整套企業(yè)級的UI。作為公認的Web應用開發(fā)(請參見-- https://citrusbug.com/services/web-application-development)最佳解決方案，NG ZORRO經常被用在開發(fā)SaaS應用等場景中(請參見-- https://citrusbug.com/services/saas-application-development)。目前，正在使用Angular NG-Zorro組件庫的明星公司包括：

• 阿里巴巴
• Apache Flink
• Thoughworks

Github星級：6800+

每周npm下載量：33,000+

最近更新版本：7.5.1

小結

上面便是我們對目前七種最佳Angular組件庫的介紹?？梢姡煌膽脠鼍?，適合采用不同的組件庫，并且需要配合恰當?shù)腏avaScript框架，來構建Angular Web應用。希望上述列舉的要點能夠對您在項目的實際選擇中，提供幫助。

原文標題：7 Best Angular Component Libraries to Use in 2020，作者：Malkesh Sondagar

【51CTO譯稿，合作站點轉載請注明原文譯者和出處為51CTO.com】