angular好用的插件集合(持续更新中)
来源:互联网 发布:sql 字段包含特殊字符 编辑:程序博客网 时间:2024/05/16 05:10
转自:https://segmentfault.com/a/1190000003858219
首先介绍两个学习
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**](https://angular-ui.github.io/ui-ace/) + [**alias**](https://github.com/angular-ui/alias) + [**UI Bootstrap**](https://angular-ui.github.io/bootstrap/) + [**UI Calendar**](https://angular-ui.github.io/ui-calendar/) + [**UI Chart**](http://angular-ui.github.io/ui-chart/) + [**UI Codemirror**](https://angular-ui.github.io/ui-codemirror/) + [**UI Date**](https://angular-ui.github.io/ui-date/) + [**UI Event**](https://htmlpreview.github.io/?https://github.com/angular-ui/ui-event/master/demo/index.html) + [**Angular Google Maps**](http://angular-ui.github.io/angular-google-maps/) + [**Angular UI Grid**](http://ui-grid.info/) + [**UI Indeterminate**](https://htmlpreview.github.io/?https://github.com/angular-ui/ui-indeterminate/master/demo/index.html) + [**UI Layout**](https://angular-ui.github.io/ui-layout/) + [**UI Map**](http://angular-ui.github.io/ui-map/) + [**UI Mask**](https://htmlpreview.github.io/?https://github.com/angular-ui/ui-mask/master/demo/index.html) + [**UI Router**](https://angular-ui.github.io/ui-router/site/#/api/ui.router) 基本是使用`Angular`必用的。 + [**UI Scroll**](http://angular-ui.github.io/ui-scroll/demo/) + [**UI Scrollpoint**](https://htmlpreview.github.io/?https://github.com/angular-ui/ui-scrollpoint/master/demo/index.html) + [**UI Select**](https://github.com/angular-ui/ui-select) + [**UI Slider**](https://angular-ui.github.io/ui-slider/demo/demo.html) + [**UI Sortable**](https://angular-ui.github.io/ui-sortable/) + [**UI Tinymce**](https://github.com/angular-ui/ui-tinymce) + [**UI Tour**](https://angular-ui.github.io/ui-tour/demo/demo.html) + [**UI Uploader**](https://htmlpreview.github.io/?https://github.com/angular-ui/ui-uploader/master/demo/index.html) + [**UI Validate**](https://htmlpreview.github.io/?https://github.com/angular-ui/ui-validate/master/demo/index.html) + [IDE Plugins](http://angular-ui.github.io/#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 观看示例。
也希望大家能够把一些好的插件分享出来,或者在这片文章下面留言,我会把它加到这片文章里面,让大家都可以看到^_^
以下部分是更新内容:
bindonce (Zero watches binding for AngularJS) 来自xmchyabi的分享 2016-1-28 更新
- 2015年10月14日发布
- angular好用的插件集合(持续更新中)
- angular好用的插件集合(持续更新中)
- angular好用的插件集合(持续更新中)
- angular好用的插件集合(持续更新中)
- angular好用的插件集合(持续更新中)
- angular好用的插件集合
- angular好用的插件集合
- 好用的Eclipse插件(持续更新中)
- 我读过的且比较好的书的集合(持续更新中)
- codeforces好题集合 (持续更新)
- 好用的网站(持续更新)
- jquery插件集合(将持续更新)
- angular开发中我认为好用的插件
- 程序员的网站集合(持续更新中)
- angular好用的插件集合和极品网站showcase.ngnice.com
- 好用的函数集合(更新)
- sublime text3的一些插件(持续更新中)
- 笑话集合(持续更新中)
- python属性访问的相关内容
- JAVA简易WEB服务器(三)
- Vb.net 获取IP地址
- Tomcat无法启动A child container failed during start
- Eclipse中Egit冲突解决
- angular好用的插件集合(持续更新中)
- 很强的nginx rewrite研究(强烈推荐…
- 将Maven项目转成eclipse .project项目时可能出现的错误
- UML常用图的几种关系的总结
- LNMP一键安装包redhat,centos
- Jfinal连接数据库时处报NullPointException错误
- LNMP一键安装包安装花了好长时间呀
- SWL管理开源项目
- Rewrite 中符号含义