UI-Bootstrap是AngularJs團隊在Bootstrap基礎上,用AngularJs實現的一組UI控件,包括Tab頁,手風琴,下拉菜單,模態窗口,日期選擇等等。原生的這些控件在Bootstrap里是用Jquery寫的,用了UI-Bootstrap就可以拋開Jquery ...
在ui Bootstrap中,Buttons控件和Dropdown控件與form表單中的按鈕和下拉框名字很像,但實際上這兩個控件有新的含義。 先說Buttons,它是一組按鈕,用來實現form表單中的單選框和復選框的功能,樣式上可以自定義,功能也可以擴展,可以替代單選框和復選框。 View Code buttons控件使用uib btn checkbox和uib btn radio指令,這兩個指令 ...
2016-07-05 12:47 1 11207 推薦指數:
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()方法。 創建模態窗口時,要有一個模態窗口的模板和對應 ...