学习AngularJS的最强大资源集合

首先介绍两个学习

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

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