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

最新推荐文章于 2024-08-13 19:35:02 发布

yzbben

最新推荐文章于 2024-08-13 19:35:02 发布

阅读量955

点赞数

分类专栏： angularjs插件

angularjs插件专栏收录该内容

4 篇文章 0 订阅

订阅专栏

首先介绍两个学习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 观看示例。