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 ...