AngularJS常用插件与指令收集
图片视频类
- angular-maxonry 图片墙效果插件,可以将图片组织成类似于瀑布流的效果,依赖于jQuery、imageloaded和Masonry
- angular-deckgrid 另一个照片瀑布流解决方案
- ngImgCrop 图片剪裁工具
- ngVideo 播放器,直接播放指定地址的mp4,控制按钮美观度远甩朝内99.99%的视频站
- angular-image-404 当
img
元素的图片无法正常获取时,使用这个指令可以显示占位图片,可以自定义占位图,也可以使用默认的占位图
输入控件类
- ngDraggable 控制元素拖动的控件
- ui-sortable 以拖动的方式调整数组中元素的索引和位置,依赖 jQuery 和 jQuery-ui。
- ngAutocomplete 喜闻乐见的自动补完
- textAngular 文本编辑器,更简洁,更漂亮
- ngTagsInput 以标签的方式来组织输入
- Angular-slider 以拖动方式输入值的控件
- Angular Slidezilla 与Angular-slider功能一样,只不过设计风格不一样
- Checklist-model AngularJS 多选框输入的值处理得并不好,通过这个指令,可以方便的将多选框的值直接组织成数组
文本编辑器
- textAngular 在 Github 中排名第一的 HTML 编辑器(需翻墙)
- Angular Froala 非常好用的另外一个 HTML 编辑器,而且支持 inline 编辑,比 textAngular 漂亮
- 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-text
、once-src
等等。
AngularJS常用插件与指令收集相关推荐
- Wordpress模板主题中functions.php常用功能代码与常用插件[ 后台篇](持续收集整理)
用Wordpress建站的初学者一定会需要用到的Wordpress模板主题中functions.php常用功能代码与常用插件.慢慢持续收集整理....... 目录 一.Wordpress模板主题中fu ...
- 花指令的原理和常用花指令收集
花指令的原理和常用花指令收集 花指令的作用是对付静态分析,以下面一段程序说明一下花指令的原理 代码 #include < iostream.h > #include < wind ...
- 花指令的原理、常用花指令收集及花指令示例
花指令的作用是对付静态分析,以下面一段程序说明一下花指令的原理 #include <iostream.h> #include <windows.h> void main() { ...
- angularjs学习总结(资料收集)
angularjs学习总结(资料收集) 原文地址https://blog.csdn.net/weixin_33178524/article/details/79179597 1 前言 前端技术的发展是 ...
- linux常用基础命令操作收集
linux常用基础命令操作收集,以下命令基于CentOs6.x 1.日常操作命令 **查看当前所在的工作目录 pwd **查看当前系统的时间 date **查看有谁在线(哪些人登陆到了服务器) who ...
- python测试用例管理_Python测试框架Pytest的常用插件测试报告
原标题:Python测试框架Pytest的常用插件测试报告 一.pytest-html 生成 html 测试报告 要求:Python 3.6+ 安装:pip install pytest-html 文 ...
- Vim 4 常用插件
Vim 系列教程目录: Vim 1 基本使用 Vim 2 高级用法 Vim 3 vimrc Vim 4 常用插件 Vim 5 其他编辑器的 Vim 插件 Vim 插件网站 Vim 之所以强大, 有个很 ...
- webstorm 添加php插件,webstorm常用插件分享
首先依次点击File -> settings -> Plugins 调出设置中的插件选项,或者直接快捷键 ctrl + alt + s也可调出设置菜单. 常用插件如下: 1.ideaVim ...
- 微机原理8086汇编语言上机——Masm环境搭建与常用汇编调试指令
学校的微机原理与接口技术课,最近开始 考古 上机实验了. 1.弯路 为什么不用宇宙最强大的IDEL--Visual Studio呢? 在我的Visual Studio专栏中有一篇文章介绍Visual ...
最新文章
- 硕博就业:引进博士40万;硕士20万;本科15万
- 使用互斥元保护共享数据-lock_guard
- mysql踢掉登录用户_centos 强制踢掉某登录用户的方法
- JavaScript——XMLHttpResquest的简单封装
- 编写高效的PyTorch代码技巧(下)
- css网页设计作业_小姐姐用 HTML + CSS 画油画?谁能想到前端还有这么一手操作!...
- 动态规划基础——爬楼梯(Leetcode 70)
- python旋转地球源代码_90行代码让微信地球转起来,太酷了!(python实现)
- echarts自适应
- GoC编程(C++画图) 视频和资料集 -- 2022.07.26
- chmod 755和chmod 4755的区别
- html5中正则表达式怎么加,HTML5中的字母正则表达式(Alphabetic Regex in HTML5)
- vCenter 6.0 web访问503错误:服务不可用,无法连接endpoint,
- 2022元宇宙共享大会|何超:“开放与兼容”唤起元宇宙新的思潮
- 怎么样关掉红米note开发者选项
- 学习笔记:贝塞尔曲线法
- [2023年的每一天]1. 15 看了一天的 B站
- Python 基础数据结构
- 软件测试简历编写以及软件测试面试题大全(接口、自动化测试面试题)赶快收藏
- 1980-2018年全国30米土地利用类型样例数据