UI-Bootstrap是AngularJs团队在Bootstrap基础上,用AngularJs实现的一组UI控件,包括Tab页,手风琴,下拉菜单,模态窗口,日期选择等等。原生的这些控件在Bootstrap里是用Jquery写的,用了UI-Bootstrap就可以抛开Jquery ...
Typeahead指令是一个用于智能提示或自动完成的控件,就像Jquery的AutoComplete控件一样。来看一个最简单的例子: View Code 在文本框中输入z,智能提示效果是: 选中后,文本框的值是: uib typeahead的用法和表单元素select中的表达式是一样的,可以分别指定显示的文本和选中的值。names用filter过滤器筛选输入的数据 按数组中每个元素的每个属性来过滤 ...
2016-07-31 14:54 0 4660 推荐指数:
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/5661600.html tooltip和popover是轻量的、可扩展的、用于提示的指令。对于移动端来讲,这两个指令 ...
Accordion手风琴控件使用uib-accordion和uib-accordion-group指令。 效果为: uib-accordion的属性: ...
Datepicker Popup是用来选择日期的控件,一般和文本框一起使用,功能和Jquery的插件My97DatePicker一样。在Datepicker Popup内部使用了ui-bootstrap的另一个组件Datepicker,是Datepicker的扩展。 使用Datepicker ...