UI-Bootstrap是AngularJs团队在Bootstrap基础上,用AngularJs实现的一组UI控件,包括Tab页,手风琴,下拉菜单,模态窗口,日期选择等等。原生的这些控件在Bootstrap里是用Jquery写的,用了UI-Bootstrap就可以抛开Jquery ...
alert指令会在页面上显示一条提示消息,效果是这样: 代码为: View Code alert指令可以使用的属性有: 属性名 默认值 备注 close 提示消息关闭时所触发的函数。如果有这个属性,提示消息的右侧会添加一个关闭按钮 dismiss on timeout none 在有close属性的前提下,设置一个自动关闭提示消息的时间 毫秒 template url uib template a ...
2016-07-23 21:40 0 5059 推荐指数:
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 ...
原文地址:http://www.cnblogs.com/pilixiami/p/5677515.html Model是用来创建模态窗口的,但是实际上,并没有Model指令,而只有$uibModal服 ...
tooltip和popover是轻量的、可扩展的、用于提示的指令。对于移动端来讲,这两个指令虽然可以正常工作,但是从用户体验的角度并不推荐使用。 先说tooltip,tooltip有三种使用方式: ...
Model是用来创建模态窗口的,但是实际上,并没有Model指令,而只有$uibModal服务,创建模态窗口是使用$uibModal.open()方法。 创建模态窗口时,要有一个模态窗口的模板和对应 ...