UI-Bootstrap是AngularJs团队在Bootstrap基础上,用AngularJs实现的一组UI控件,包括Tab页,手风琴,下拉菜单,模态窗口,日期选择等等。原生的这些控件在Bootstrap里是用Jquery写的,用了UI-Bootstrap就可以抛开Jquery ...
tabs控件使用uib tabset指令和uib tab指令,效果是这样的: View Code uib tabset可使用的属性有: 属性名 默认值 备注 active 第一个标签页的索引 当前激活的标签页的索引 justified false 是否将各个标签页等宽分布在父容器中 template url uib template tabs tabset.html type tabs 标签页的类 ...
2016-07-02 22:21 4 16281 推荐指数:
UI-Bootstrap是AngularJs团队在Bootstrap基础上,用AngularJs实现的一组UI控件,包括Tab页,手风琴,下拉菜单,模态窗口,日期选择等等。原生的这些控件在Bootstrap里是用Jquery写的,用了UI-Bootstrap就可以抛开Jquery ...
最近几个月学习了AngularJs和扩展的UI组件,并在公司小组内做了一次分享交流,感觉很有收获,在此记录下个人的学习心得。 目录: AngularJs的UI组件ui-Bootstrap分享(一) AngularJs的UI组件ui-Bootstrap分享(二)——Collapse ...
ui-bootstrap中有两个分页控件,一个是轻量级的Pager,只有上一页和下一页的功能,另一个是功能完整的Pagination,除了上一页和下一页,还可以选择首页和最后页,并且支持多种页数的显示方式。 这是Pager的例子: View Code 效果 ...
Carousel指令是用于图片轮播的控件,引入ngTouch模块后可以在移动端使用滑动的方式使用轮播控件。 View Code 效果为: uib-carous ...
原文地址:http://www.cnblogs.com/pilixiami/p/5677515.html Model是用来创建模态窗口的,但是实际上,并没有Model指令,而只有$uibModal服 ...
tooltip和popover是轻量的、可扩展的、用于提示的指令。对于移动端来讲,这两个指令虽然可以正常工作,但是从用户体验的角度并不推荐使用。 先说tooltip,tooltip有三种使用方式: ...
Model是用来创建模态窗口的,但是实际上,并没有Model指令,而只有$uibModal服务,创建模态窗口是使用$uibModal.open()方法。 创建模态窗口时,要有一个模态窗口的模板和对应 ...
Collapse折叠控件使用uib-collapse指令 View Code 折叠控件可以使用的属性有: (1) uib-collapse. 默认为false.表示是否收起控件 (2) collapsed.组件收起之后调用 ...