angular好用的插件集合

 

首先介紹兩個學習Angular的學習資源AngularJS-Learning還有recipes-with-angular-js-examples。 
兩個編寫Angular的代碼規範，分別是angularjs-styleguide和angular-styleguide

• 項目文件結構生成的插件（通常要配合yeoman等使用）

  • generator-angular 這種生成器生成的文件結構是按照類型來劃分的，就是controller放在一塊兒，service放在一塊兒，directive放在一塊兒，route文件只有一個。這種結構適合不是很大的項目，一旦項目大了起來使用這種方式就使項目變得不太容易維護。

  • generator-hottowel 這種生成器生成的文件結構是按照模塊功能來劃分的；舉個例子，你的項目中可能有許多模塊，多是user模塊，home模塊等等；每一個模塊都包含下面這幾種文件：module，controller，route，service等；module用來聲明這個模塊，route是這個模塊的路由文件，service是這個模塊的服務。詳情還需到github上面仔細瞭解一下。

  • generator-angularfire Yeoman Generator for AngularFire。

  • angular-seed

• 結合一些後端的工做流

  • ngular-laravel4-workflow。

  • fullstack-demo。

• 關於Angular的一些UI框架或者庫

  • ionic 至關不錯的移動應用UI框架，它本身自己就有着很出色的表現，配合Angular以及ngCordova，再加上firebase能夠快速的打造一個hybrid mobile app，強烈推薦看一看。關於ng-cordova能夠看看這裏，至關不錯，也是強烈推薦你們看看。

  • mobile-angular-ui 結合Bootstrap 3的一個移動UI。

  • Angular Material 符合material規範的使用Angular實現的一個前端框架，效果至關不錯。

  • AngularStrap 一些結合Bootstrap 3的指令，幫助你更快的打造你的應用。

  • AngularUI 一個關於Angular的超大豪華套餐。

    • UI.Ace

    • alias

    • UI Bootstrap

    • UI Calendar

    • UI Chart

    • UI Codemirror

    • UI Date

    • UI Event

    • Angular Google Maps

    • Angular UI Grid

    • UI Indeterminate

    • UI Layout

    • UI Map

    • UI Mask

    • UI Router 基本是使用Angular必用的。

    • UI Scroll

    • UI Scrollpoint

    • UI Select

    • UI Slider

    • UI Sortable

    • UI Tinymce

    • UI Tour

    • UI Uploader

    • UI Validate

    • IDE Plugins

  • famous-angular這裏順即可以瞭解一下famous，也是很是不錯的一個關於動畫的一個類庫，推薦看一下。

  • ui-grid 很不錯，觀看示例

• Web開發組件

  • restangular 開發中基本都會用到的。

  • ngDialog 很是不錯的彈出窗插件，很輕量，可是功能卻很強大，能夠看看示例。

  • ngMeditor 觀看示例

  • angular-atomic-notify

  • ngSweetAlert 這個彈出框插件作的也是至關不錯，推薦你們去看看示例，ng-sweet-alert是這個插件的ng版本，能夠查看示例。

  • v-button 相似material規範的一個按鈕組件，很不錯推薦看看示例。

  • v-modal 相似material規範的一個模態框組件，很不錯推薦看看示例。

  • ng-file-upload 一個上傳文件的組件，很不錯示例。

  • angular-file-upload 觀看示例。

  • ng-iScroll 結合iScroll 5.x。

  • angular-iscroll 觀看示例

  • angular-toastr 很是不錯的消息提示插件，觀看示例

  • angular-slider 觀看詳解

  • angular-slider 觀看示例

  • angular-hammer 要結合hammer.js使用。

  • angular-gestures 也要結合hammer.js來使用。

  • ng-material-floating-button 觀看示例。

  • angular-deckgrid A lightweight masonry-like grid for AngularJS.觀看示例

  • angular-busy 一個加載提示插件，觀看示例。

  • ng-polymer-elements 觀看示例。

  • angular-growl

  • ngAutocomplete 觀看示例。

  • ngImgCrop 至關不錯的截圖插件，觀看示例點擊預覽。

  • angular-masonry 觀看示例。

  • angular-loading-bar 極力推薦的一個加載提示插件，觀看示例。

  • angular-umeditor 百度 umeditor 富文本編輯器 angularjs 插件。

  • ngInfiniteScroll 觀看示例。

  • angular-chart.js 很不錯的圖表插件要藉助Chart.js，觀看示例。

  • angularUtils 一位外國人寫的許多能夠重用的組件。只裏面可能會有你喜歡的，有一個分頁插件。

  • nprogress 觀看示例。

  • ngProgress 觀看示例。

  • angular-dialog-service 觀看示例點擊預覽。

• 與雲服務交互

  • angularfire AngularJS bindings for Firebase這也也是推薦你們去看看，firebase是一個A powerful platform for your mobile or web application，相似於國內的leancloud，國外是很流行的。

• 一些服務插件

  • angular-sortable-view 拖拽排序插件，很是不錯，觀看示例。

  • ngRepeatReorder 須要依賴angular-hammer和hammer.js，也是一個reorder的插件。

  • ngDraggable 一個拖拽插件，觀看示例。

  • checklist-model 觀看示例。

  • ng-readingtime

  • object-table 觀看示例。

  • angularjs-pubsub

  • angular-socket-io

  • angular-local-storage 觀看示例。

  • angular-cookies

  • angularWebglDirective

• 測試，模擬數據的插件

  • karma Spectacular Test Runner for JavaScript 文檔protractor

  • protractor E2E test framework for Angular apps 文檔。

  • mock-angular 觀看示例。

也但願你們可以把一些好的插件分享出來，或者在這片文章下面留言，我會把它加到這片文章裏面，讓你們均可以看到^_^