原文地址:http://www.cnblogs.com/pilixiami/p/5677515.html Model是用来创建模态窗口的,但是实际上,并没有Model指令,而只有$uibModal服务,创建模态窗口是使用$uibModal.open()方法。 创建模态窗口时,要有一个模态窗口 ...
Model是用来创建模态窗口的,但是实际上,并没有Model指令,而只有 uibModal服务,创建模态窗口是使用 uibModal.open 方法。 创建模态窗口时,要有一个模态窗口的模板和对应的控制器,然后在open 方法的参数中指定它们。来看一个例子: View Code 背景为灰色,不可操作。效果是这样: open 中可以使用的参数有: 参数名 默认值 备注 animation true ...
2016-07-25 22:49 1 15436 推荐指数:
原文地址:http://www.cnblogs.com/pilixiami/p/5677515.html Model是用来创建模态窗口的,但是实际上,并没有Model指令,而只有$uibModal服务,创建模态窗口是使用$uibModal.open()方法。 创建模态窗口时,要有一个模态窗口 ...
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 效果 ...
tabs控件使用uib-tabset指令和uib-tab指令,效果是这样的: View Code uib-tabset可使用的属性有: ...
Carousel指令是用于图片轮播的控件,引入ngTouch模块后可以在移动端使用滑动的方式使用轮播控件。 View Code 效果为: uib-carous ...
tooltip和popover是轻量的、可扩展的、用于提示的指令。对于移动端来讲,这两个指令虽然可以正常工作,但是从用户体验的角度并不推荐使用。 先说tooltip,tooltip有三种使用方式: ...
Collapse折叠控件使用uib-collapse指令 View Code 折叠控件可以使用的属性有: (1) uib-collapse. 默认为false.表示是否收起控件 (2) collapsed.组件收起之后调用 ...