如何讓ionic側(cè)邊欄自動關(guān)閉
2 回答
墨色風(fēng)雨
TA貢獻(xiàn)1853條經(jīng)驗 獲得超6個贊
menu-close
關(guān)閉當(dāng)前打開的側(cè)欄菜單。
用法
下面是一個在導(dǎo)航欄內(nèi)鏈接的例子。點擊此鏈接會自動打開指定的側(cè)欄菜單。
<a menu-close href="#/home" class="item">首頁</a>
$ionicSideMenuDelegate
該方法直接觸發(fā)$ionicSideMenuDelegate服務(wù)，來控制所有側(cè)欄菜單。用$getByHandle方法控制特定情況下的ionSideMenus。
用法
<body ng-controller="MainCtrl">
<ion-side-menus>
<ion-side-menu-content>
內(nèi)容!
<button ng-click="toggleLeftSideMenu()">
切換左側(cè)側(cè)欄菜單
</button>
</ion-side-menu-content>
<ion-side-menu side="left">
左側(cè)菜單!
<ion-side-menu>
</ion-side-menus>
</body>
function MainCtrl($scope, $ionicSideMenuDelegate) {
$scope.toggleLeftSideMenu = function() {
$ionicSideMenuDelegate.toggleLeft();
};
}
方法
toggleLeft([isOpen])
切換左側(cè)側(cè)欄菜單（如果存在）。
參數(shù)
類型
詳情
isOpen
(可選)
布爾值
是否打開或關(guān)閉菜單。默認(rèn)：切換菜單。
toggleRight([isOpen])
切換右側(cè)側(cè)欄菜單（如果存在）。
參數(shù)
類型
詳情
isOpen
(可選)
布爾值
是否打開或關(guān)閉菜單。默認(rèn)：切換菜單。
getOpenRatio()
獲取打開菜單內(nèi)容超出菜單寬度的比例。比如，一個寬度為100px的菜單被寬度為50px以50%的比例打開，將會返回一個比例值為0.5。
返回值: 浮點 0 表示沒被打開，如果左側(cè)菜單處于已打開或正在打開為0 到 1，如果右側(cè)菜單處于已打開或正在打開為0 到-1。
isOpen()
返回值: 布爾值，判斷左側(cè)或右側(cè)菜單是否已經(jīng)打開。
isOpenLeft()
返回值: 布爾值左側(cè)菜單是否已經(jīng)打開。
isOpenRight()
返回值: 布爾值右側(cè)菜單是否已經(jīng)打開。
canDragContent([canDrag])
參數(shù)
類型
詳情
canDrag
(可選)
布爾值
設(shè)置是否可以拖動內(nèi)容打開側(cè)欄菜單。
返回值: 布爾值，是否可以拖動內(nèi)容打開側(cè)欄菜單。
$getByHandle(handle)
參數(shù)
類型
詳情
handle 字符串
例如:
$ionicSideMenuDelegate.$getByHandle('my-handle').toggleLeft();
- 2 回答
- 0 關(guān)注
- 845 瀏覽
添加回答
舉報
0/150
提交
取消