Angular.js常用控件及指令

https://www.cnblogs.com/xuepei/p/6022883.html

非本人自创

图片视频类

  • angular-maxonry 图片墙效果插件,可以将图片组织成类似于瀑布流的效果,依赖于jQuery、imageloadedMasonry
  • angular-deckgrid 另一个照片瀑布流解决方案
  • ngImgCrop 图片剪裁工具
  • ngVideo 播放器,直接播放指定地址的mp4,控制按钮美观度远甩朝内99.99%的视频站

输入控件类

界面类

  • 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-elementsPolymer风格的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-translate AngularJS的i18n扩展
  • Satellizer 可以方便的在AngularJS中集成第三方账号登陆,支持国际主流社交网站账号,支持协议有OAuth 1.0/2.0
  • ngStorage 本在存储插件,用于处理localStorage和sessionStorage
  • ng-csv 导出csv的扩展

原文地址:https://www.cnblogs.com/fl-1998/p/12668901.html

时间: 2024-10-14 00:21:38

Angular.js常用控件及指令的相关文章

B/S一些小知识及常用控件

一: B/S网页的运行 页面在设计的时候,本身就是一个类.在运行的时间,是一个对象. 其中aspx和aspx.cs是在同一个类下. aspx是主要是负责界面,而aspx.cs主要是负责数据逻辑. 呈现:把页面上所有的控件对象,转化成HTML标签.  内存中的对象--->HTML ** 规范 **: 以后写代码的时候,在Page_Load方法中,99%的代码需要写在 if (!IsPostBack) { } IsPostBack——页面初始加载-false;表单提交加载-true 页面初始加载的情

(转)JS报表控件highcharts应用

1. 官网地址 http://www.highcharts.com/ 2. 版权信息源码修改方法 在 highcharts.js 中打到 credits 将其中的 enabled 属性由 true 改为 false.如果是经过压缩后的代码,则是由 !0 改为 0. 3. 官方学习示例地址 http://www.highcharts.com/studies/ 4. 官方API http://api.highcharts.com/highcharts 5. 常用参数配置说明 chart.events

[转]easyui常用控件及样式API中文收藏

[转]easyui常用控件及样式收藏 2013-05-06 23:01 30612人阅读 评论(0) 收藏 举报 分类: java ee(5) 目录(?)[+] CSS类定义: div easyui-window                               window窗口样式 属性如下: 1)       modal:是否生成模态窗口.true[是] false[否] 2)       shadow:是否显示窗口阴影.true[显示] false[不显示] div easyui

学写js Calender控件

好几个月没写博客了,一直在赶项目.项目现在终于处于稳定的状态,只是修修改改.作为后台程序员的我真是苦逼啊,从web到手机端接口我都得写,杂七杂八的事情...这两天终于闲下来了,没事儿看了一下关于js日期的一些函数,突然想到了日历控件,于是试着写了一个,作为后台程序员的我水平有限,大家抱着学习的态度看看我写的这个例子吧... 首先一个常用的日期函数:Date(year,month,day) var   date=new  Date(); 获取年份            var   year=thi

iOS学习-其他常用控件

1 // 2 // ViewController.m 3 // 其他常用控件 4 // 5 // Created by 大欢 on 16/1/25. 6 // Copyright © 2016年 bjsxt. All rights reserved. 7 // 8 9 #import "ViewController.h" 10 11 @interface ViewController () 12 13 @property (weak, nonatomic) IBOutlet UILab

iOS常用控件尺寸大集合

元素控件 尺寸(pts) Window(含状态栏) 320 x 480 Status Bar的高度 20 Navigation Bar的高度 44 含Prompt的Navigation Bar的高度 74 Navigation Bar的图标 20×20(透明的png) Tool Bar的高度 44 Tool Bar的图标 20×20(透明的png) Tab Bar的高度 49 Tab Bar的图标 30×30(透明的png) 竖直时键盘的高度 216.252(iOS 5+的中文键盘) 水平时键盘

JS日历控件 灵活设置: 精确的时分秒.

在今年7月份时候 写了一篇关于 "JS日历控件" 的文章 , 当时只支持 年月日 的日历控件,现在优化如下: 1. 在原基础上 支持 yyyy-mm-dd 的年月日的控件. 2. 在原基础上增加支持 yyyy-mm-dd HH:MM 年月日时分的控件. 3. 在原基础上增加支持 yyyy-mm-dd HH:MM:SS 年月日时分秒的控件. 4. 增加确定按钮 及 今天 和关闭按钮.当我切换到其他年份的时候,我点击 "今天"按钮 就可以返回当前的年月份. 配置项如下:

Android常用控件:进度条

各种进度条属于 ProgressBar的子类 Sytle: 水平风格:Horizontal小风格:Small大风格:Large反向风格:Inverse小反向风格:Small.Inverse大反向风格:Large.Inverse 设置style:   style="?android:attr/progressBarStyle..." 主要属性:最大值:max当前进度:progress次要进度值:SecondaryProgress --效果类似于看电影那些缓冲 判断进度条是转圈还是水平的方

android快速上手(三)常用控件使用

完成了android的第一个程序HelloWorld,下面就开始控件的学习,下面是一些常见的控件. (一)TextView 简单的文本描述 (二)EditText 编辑框,输入文字信息 (三)Button 按钮,点击后会触发点击事件,可以对事件进行处理 (四)ImageView 图片控件,可以加载图片显示 (五)ListView 列表,需要跟适配器Adapter结合,适配器提供数据 (六)Toast 闪现提示语,常用于普通的提示文本,只显示一小段时间自动消失 (七)ScrollView 一般用于