文档章节

Angular js 常用插件

sami
 sami
发布于 2016/10/17 14:08
字数 983
阅读 62
收藏 1

图片视频类

  • angular-maxonry 图片墙效果插件,可以将图片组织成类似于瀑布流的效果,依赖于jQuery、imageloadedMasonry
  • angular-deckgrid 另一个照片瀑布流解决方案
  • ngImgCrop 图片剪裁工具
  • ngVideo 播放器,直接播放指定地址的mp4,控制按钮美观度远甩朝内99.99%的视频站
  • angular-image-404 当 img 元素的图片无法正常获取时,使用这个指令可以显示占位图片,可以自定义占位图,也可以使用默认的占位图

输入控件类

  • ngDraggable 控制元素拖动的控件,Demo
  • ui-sortable 以拖动的方式调整数组中元素的索引和位置,依赖 jQuery 和 jQuery-ui。Demo
  • ngAutocomplete 喜闻乐见的自动补完
  • textAngular 文本编辑器,更简洁,更漂亮
  • ngTagsInput 以标签的方式来组织输入
  • Angular-slider 以拖动方式输入值的控件
  • Angular Slidezilla 与Angular-slider功能一样,只不过设计风格不一样
  • Checklist-model AngularJS 多选框输入的值处理得并不好,通过这个指令,可以方便的将多选框的值直接组织成数组

文本编辑器

  • textAngular 在 Github 中排名第一的 HTML 编辑器, Demo(需FQ)
  • Angular Froala 非常好用的另外一个 HTML 编辑器,而且支持 inline 编辑,比 textAngular 漂亮,Github
  • angular-umeditor 百度umeditor的AngularJS扩展,umeditor从界面上讲并不够现代化,但却总有人喜欢它

界面类

  • ui-bootstrap 官方扩展,在AngularJS中方便的以指令的方式使用Bootstrap
  • ui-map 用于在页面中集成Google Maps
  • NG-Grid 官方提供的表格插件,支持表格的主题、排序、直接编辑、多行选择等操作,而且使用非常简单,只需要一行HTML代码,但是,比较难看,适合于不讲究外观但要求功能强大的场合,像后台工具、管理系统之类
  • angular-table 第三方表格工具,适合于需要对表格进行高度定制的场合
  • ng-table 在易用性和外观上对上面两个进行折衷的解决方案
  • AngularUI 上面的ui-bootstrap、ui-map就是它的一部分,官方提供的常用扩展集,除了这两个,还有ui-router、ui-select等,注意,它使用的是Bootstrap 2.x
  • Adapt-Strap 第三方Bootstrap插件,而且是基于扁平化的Bootstrap 3,更美观
  • ng-polymer-elements Polymer风格的AngularJS指令,Material Design设计,值得尝试
  • Angular Loading Bar 可用于在页面顶部增加一个漂亮的进度条
  • angular-busy 与Angular Loading Bar有点类似,主要用于处理$http通信时候的动画
  • ngInfiniteScroll 从名字可以看出来,它是一个用于组织瀑布流和时间线的扩展
  • ngScrollTo 页内滚动工具,可以将页面滚动到指定id的元素位置
  • ngDialog 比Bootstrap更简单,更好用,更漂亮的网页对话框
  • Angular Treeview 树状目录组织扩展,使用相当方便,而且不依赖于jQuery
  • angular-growl 用于在页面上显示警告框,可以设置显示时间,还可以直接显示$http中收到的警告
  • angular-truncate 当文字过多过长时,显示部分文字的插件,可以按文字总长度来控制,也可以按单词数量来控制
  • angular-fallback-image 当你的图片地址返回的是 404 的时候,使用这个插件可以将其替换为另外的占位图

其它工具类

  • angular-translate AngularJS的i18n扩展
  • Satellizer 可以方便的在AngularJS中集成第三方账号登录,支持国际主流社交网站账号,支持协议有OAuth 1.0/2.0
  • ngStorage 本在存储插件,用于处理localStorage和sessionStorage
  • ng-csv 导出csv的扩展
  • angular-once 双向绑定虽然方便,但如果数据太多,会造成一些性能问题。angular-once的解决方案是,对于不涉及到修改的数据,不要使用双向绑定,而是使用angular-once提供的once-textonce-src等等。

本文转载自:http://chensd.com/2015-06/AngularJS-popular-Plugins-and-Directive.html

sami

sami

粉丝 7
博文 36
码字总数 10503
作品 0
昌平
技术主管
私信 提问
$apply already in progress at Error

Search: Sort by: name age {{phone.name}} {{phone.snippet}} {{phone.age}} XMLHttpRequest cannot load file:///D:/ProgramFilesZhtt/tomcat1081/webapps/AngularJS/js/05.json. Cross or......

梦幻女侠
2013/10/11
1.9K
1
现在就开始使用AngularJS的三个重要原因

日期:2013-1-21 来源:GBin1.com 在线演示 如果你不熟悉什么是Angular.js的话,小编我强烈推荐你阅读 Javascript教程:AngularJS的五个超酷特性。简单来说Angular.js是google开发者设计和开...

gbin1
2013/01/21
20
0
5ThingsToKnowBeforeYouGetStartedWithAngulerJS

AngularJS is Entirely Client-Side AngularJS is written in JavaScript, and it functions entirely on the client side. This means two things for your app. First, you can run Angula......

perfectspr
2014/12/16
50
0
Migrating a SpringWebMVC App from JSP to AngularJS

Migrating a Spring Web MVC application from JSP to AngularJS Engineering Michael Isvy August 19, 2015 Note on authors This post is a guest post by Han Lim and Tony Nguyen.Han an......

miscellanea
2015/08/24
225
0
初学angular 看到网上有angular js 也有angular2 ,到angular官网发现最近版本是6了,那么现在大家说的angular js到底是什么啊?

初学angular 看到网上有angular js 也有angular2 ,到angular官网发现最近版本是6了,那么现在大家说的angular js到底是什么啊? angular2和现在官网的angular6 就是 angular js 只是版本不同...

Jordan裔
2018/05/19
1.7K
4

没有更多内容

加载失败,请刷新页面

加载更多

如何制作省市级别上钻下取的在线疫情地图

目前大多数省级尺度的疫情地图,不能精细的表达各个城市的疫情差异和发展事态。纯粹市级维度的地图由于全国市比较多,很难快速查看自己所在省市的疫情分布情况。我们制作一个省市下钻上取的疫...

空间数据可视化
今天
113
0
用Markdown编程之虚转实

没变成机器码之前,撒都是虚的。而要变成机器码必须有长度。有长度后必然是结构划分。之后就是逻辑正确。而逻辑正确可以看成正确的值。 由此,基础行为有:长度的比对转换、结构的解析、值的...

dwcz
今天
80
0
ASP之ADODB.Stream

ASP 其实很强,真的,很强... 但是,也很难,难就难在没有文档啊~~~ 因为 ASP 经常会用到很多服务器对象,本文记录下在 ASP 中的 Stream(流)操作。 ADODB.Stream 未完待续,敬请期待......

AioDiage
今天
71
0
从源码看世界:Springboot整合Mybatis后到底做了什么

在Mybatis一次数据库操作过程的文章中,我展示了使用Mybatis操作数据库的demo,但实际使用时并不会这里写代码,因为一般都会使用springboot了,那现在我们一起来看看Springboot整合Mybatis之...

壞天空_囝仔
今天
46
0
【自用】 Flutter GestureDetector 给控件添加监听事件

Dart GestureDetector( child: Text("xxxx"), onTap: () => _onXxxxCall(index), ) PS:自用的 不做解释 作者:一个吃货帅锅...

Tensor丨思悟
今天
67
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部