多年的學(xué)習(xí)經(jīng)驗(yàn)告訴我，了解一個(gè)概念最快的方式是看他的實(shí)踐，所以我整理出了 8 個(gè)在學(xué)習(xí) Angular 過(guò)程中可以參考的開(kāi)源項(xiàng)目，學(xué)習(xí)如何怎么使用 Angular 框架～

【相關(guān)教程推薦：《angular教程》】

1. NGX-Admin

https://github.com/akveo/ngx-admin

官網(wǎng)：https://akveo.github.io/ngx-admin/

一個(gè)好看的極簡(jiǎn)風(fēng)格管理后臺(tái)模板項(xiàng)目，有豐富主題的，部署方便，強(qiáng)推想要學(xué)習(xí) Angular 的同學(xué) pull 下來(lái)看看。

2. Eoapi

https://github.com/eolinker/eoapi

官網(wǎng)：https://www.eoapi.io/zh

Angular 和 Electron 技術(shù)結(jié)合的 API 工具桌面端，支持 Web 和桌面兩端部署，想用 Angular 寫(xiě)桌面端的可以參考。

3. Angular Material

https://github.com/angular/components

官網(wǎng)：https://material.angular.io/

Angular 團(tuán)隊(duì)構(gòu)建和維護(hù)的基于 Materal UI 設(shè)計(jì)風(fēng)格的 UI 組件庫(kù)，以幫助您構(gòu)建自己的自定義組件。

4. NG-ZORRO

https://github.com/NG-ZORRO/ng-zorro-antd

官網(wǎng)：NG-ZORRO – 企業(yè)級(jí) UI 設(shè)計(jì)語(yǔ)言和 Angular 組件庫(kù)

Ant-Design 組件庫(kù)的 Angular 版本，寫(xiě)組件庫(kù)之前可以看看他們～

5. Storybook

https://github.com/storybookjs/storybook

官網(wǎng)：https://storybook.js.org/

Storybook 是一個(gè)組件文檔框架，支持 Angular、React、Vue 框架。

6. Awesome Angular

https://github.com/PatrickJS/awesome-angular

官網(wǎng)：https://patrickjs.github.io/awesome-angular/

這不是一個(gè)實(shí)踐項(xiàng)目，而是一個(gè)大而全的 Angular 百科全書(shū)， 包括 Angular 種子項(xiàng)目、啟動(dòng)器、樣板、示例、教程、組件、模塊、視頻等 Angular 生態(tài)系統(tǒng)中的內(nèi)容。

7. NGX-charts

https://github.com/swimlane/ngx-charts

官網(wǎng)：https://swimlane.github.io/ngx-charts/#/ngx-charts/bar-vertical

Angular 圖表工具

8. Angular google maps

https://github.com/sebholstein/angular-google-maps

官網(wǎng)：https://angular-maps.com/

Angular Google 地圖組件