首先介绍两个学习
Angular
的学习资源AngularJS-Learning还有recipes-with-angular-js-examples。
两个编写Angular
的代码规范,分别是angularjs-styleguide和angular-styleguide
-
-
generator-angular这种生成器生成的文件结构是按照类型来划分的,就是
controller
放在一起,service
放在一起,directive
放在一起,route
文件只有一个。这种结构适合不是很大的项目,一旦项目大了起来使用这种方式就使项目变得不太容易维护。 -
generator-hottowel这种生成器生成的文件结构是按照模块功能来划分的;举个例子,你的项目中可能有许多模块,可能是
user
模块,home
模块等等;每个模块都包含下面这几种文件:module
,controller
,route
,service
等;module
用来声明这个模块,route
是这个模块的路由文件,service
是这个模块的服务。详情还需到github
上面仔细了解一下。 -
generator-angularfireYeoman Generator for AngularFire。
-
-
结合一些后端的工作流
-
关于
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的超大豪华套餐。
-
famous-angular这里顺便可以了解一下famous,也是非常不错的一个关于动画的一个类库,推荐看一下。
-
-
Web开发组件
-
restangular开发中基本都会用到的。
-
ngSweetAlert这个弹出框插件做的也是相当不错,推荐大家去看看示例,ng-sweet-alert是这个插件的
ng
版本,可以查看示例。 -
ng-file-upload一个上传文件的组件,很不错示例。
-
ng-iScroll结合iScroll 5.x。
-
angular-toastr非常不错的消息提示插件,观看示例
-
angular-hammer要结合hammer.js使用。
-
angular-gestures也要结合hammer.js来使用。
-
angular-deckgridA lightweight masonry-like grid for AngularJS.观看示例
-
angular-busy一个加载提示插件,观看示例。
-
angular-loading-bar极力推荐的一个加载提示插件,观看示例。
-
angular-umeditor百度 umeditor 富文本编辑器 angularjs 插件。
-
angular-chart.js很不错的图表插件要借助Chart.js,观看示例。
-
angularUtils一位外国人写的许多可以重用的组件。只里面可能会有你喜欢的,有一个分页插件。
-
ngProgress观看示例。
-
angular-dialog-service观看示例点击预览。
-
-
与云服务交互
-
angularfireAngularJS bindings for Firebase这也也是推荐大家去看看,firebase是一个A powerful platform for your mobile or web application,类似于国内的leancloud,国外是很流行的。
-
-
一些服务插件
-
angular-sortable-view拖拽排序插件,非常不错,观看示例。
-
ngRepeatReorder需要依赖
angular-hammer
和hammer.js
,也是一个reorder
的插件。 -
ngDraggable一个拖拽插件,观看示例。
-
-
测试,模拟数据的插件
-
karmaSpectacular Test Runner for JavaScript文档protractor
-
protractorE2E test framework for Angular apps文档。
-