10 個非常有用的 AngularJS 框架

本文由碼農網 – 小峰原創翻譯，轉載請看清文末的轉載要求，歡迎參與我們的付費投稿計劃！

AngularJS是最流行的開源web app框架。AngularJS被用於解決阻礙單頁應用程式開發的各種挑戰。

你作為一個AngularJS使用者，卻不知道一些可以幫助你美化編碼的資源？那麼一定不能錯過這篇文章，下面我們就會給大家介紹10個最佳的AngularJS框架，幫助你美化編碼，讓你可以快速方便地建立創新的網站應用程式。

1.Angular UI Bootstrap

從名字你就可以知道，Angular UI Bootstrap使用頂級框架——Bootstrap構建。你可以使用此框架來重寫現有的JavaScript程式碼，並建立新的程式碼。Angular UI Bootstrap能幫助你拿出比原來的JavaScript程式碼更小的指令。更小的版本，更容易整合到AngularJS生態系統或環境中。

官方網站：https://github.com/angular-ui/bootstrap

2.Angular Foundation

Angular Foundation是一個流行的完全相容AngularJS指令和其他自定義HTML元素的框架。採用Angular Foundation，你可以建立帶有更精確HTML元素，如頁碼和頂欄的web應用程式。

官方網站：http://pineconellc.github.io/angular-foundation/

3.Ionic

你是否需要一個可以讓開發本地移動應用程式變得容易的框架？Ionic——一個有影響力的HTML5原生應用程式開發框架，就是你可以get最好的框架。

官方網站：http://ionicframework.com/

4. LumX

LumX是一個開放式框架。Sass、Bourbon和Neat語言組成了LumX，因此你可以更快地定製你的應用程式設計。此外，得益於Sass和Javascript檔案的自動優化，應用程式效能得到了增強。LumX或許是用於建立紮實和快速的單頁app的頂級的Javascript MVC框架。谷歌依然在維持這框架。

官方網站：http://ui.lumapps.com/

5. Mean.io

如果你想輕鬆開始基於MongoDB和AngularJS的應用程式，那麼Mean.io是你工作的轉折點。

官方網站：http://mean.io/#!/

6.Mobile Angular UI

Mobile Angular UI是一個類似jQuery Mobile的移動UI框架。一些Bootstrap 3沒有的重要的元件，如可滾動區域、工具條和開關，Mobile Angular UI中都有。Mobile Angular UI也支援頂部和底部的導航欄在滾動時不跳動。

Mobile Angular UI可增強移動體驗，因為它的元素來源於可靠的庫渠道，如fastclick.js和overthrow.js。Mobile Angular UI的語法在很大程度上類似於Bootstrap3。因此，它並不完全適合於移動目前的桌面網站應用程式到移動端。相反，它有一個超小的CSS檔案可以移動移動網站應用程式到桌面。使用那個檔案，你會得到一個完全的響應介面。

官方網站：http://mobileangularui.com/

7. Radion.io

Radion.io是一個大型AngularJS框架，是處理多個開發專案的完美架構。Radion提供了一個可以幫助你擴大專案規模的介面。Radion的AMD結構能夠讓個人開發者以及大型團隊輕鬆快速地建立和部署高效的應用程式。擔心搜尋引擎優化的困境？ Radion配有精心打造的PhantomJS網路爬蟲，能夠SEO的麻煩事。

官方網站：http://radian.io/

8.Supersonic

Supersonic UI是一個值得關注的框架，它能夠提升你的混合app體驗到一個新的水平。Supersonic有一個宣告式的UI功能，能夠使得構建移動應用程式的過程像吃棉花糖一樣簡單。

官方網站：http://www.appgyver.com/

9.Suave-UI

得益於它提供的各種CSS定義，指令和託管服務，該框架可幫助你輕鬆高效地建立UI。

官方網站：https://github.com/uoziod/suave-ui

10. UI Grid

UI Grid適合那些想要實現複雜功能的開發人員。使用UI Grid，你還可以執行列排序和列篩選。UI Grid允許你在一個地方編輯資料，並提供非常多的功能。

官方網站：http://ui-grid.info/