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框架或者库

• 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

• 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的超大豪华套餐。

• 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 观看示例。

也希望大家能够把一些好的插件分享出来，或者在这片文章下面留言，我会把它加到这片文章里面，让大家都可以看到^_^

以下部分是更新内容：

• bindonce (Zero watches binding for AngularJS) 来自xmchyabi的分享 2016-1-28 更新

• at-promise (promise directive for angular) 来自axetroy的分享 2016-3-19 更新