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 观看示例。
也希望大家能够把一些好的插件分享出来,或者在这片文章下面留言,我会把它加到这片文章里面,让大家都可以看到^_^