angular好用的插件集合（持續更新中）

時間 2019-12-05

原文原文鏈接

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

項目文件結構生成的插件（通常要配合yeoman等使用）前端
- generator-angular 這種生成器生成的文件結構是按照類型來劃分的，就是controller放在一塊兒，service放在一塊兒，directive放在一塊兒，route文件只有一個。這種結構適合不是很大的項目，一旦項目大了起來使用這種方式就使項目變得不太容易維護。laravel
- generator-hottowel 這種生成器生成的文件結構是按照模塊功能來劃分的；舉個例子，你的項目中可能有許多模塊，多是user模塊，home模塊等等；每一個模塊都包含下面這幾種文件：module，controller，route，service等；module用來聲明這個模塊，route是這個模塊的路由文件，service是這個模塊的服務。詳情還需到github上面仔細瞭解一下。git
- generator-angularfire Yeoman Generator for AngularFire。angularjs
- angular-seedgithub
結合一些後端的工做流web
- ngular-laravel4-workflow。bootstrap
- fullstack-demo。segmentfault
關於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 觀看示例。