原文地址: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.組件收起之后調用 ...