TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個(gè)贊
menu-close
關(guān)閉當(dāng)前打開(kāi)的側(cè)欄菜單。
用法
下面是一個(gè)在導(dǎo)航欄內(nèi)鏈接的例子。點(diǎn)擊此鏈接會(huì)自動(dòng)打開(kāi)指定的側(cè)欄菜單。
<a menu-close href="#/home" class="item">首頁(yè)</a>
$ionicSideMenuDelegate
該方法直接觸發(fā)$ionicSideMenuDelegate服務(wù)，來(lái)控制所有側(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
(可選)
布爾值
是否打開(kāi)或關(guān)閉菜單。默認(rèn)：切換菜單。
toggleRight([isOpen])
切換右側(cè)側(cè)欄菜單（如果存在）。
參數(shù)
類型
詳情
isOpen
(可選)
布爾值
是否打開(kāi)或關(guān)閉菜單。默認(rèn)：切換菜單。
getOpenRatio()
獲取打開(kāi)菜單內(nèi)容超出菜單寬度的比例。比如，一個(gè)寬度為100px的菜單被寬度為50px以50%的比例打開(kāi)，將會(huì)返回一個(gè)比例值為0.5。
返回值: 浮點(diǎn) 0 表示沒(méi)被打開(kāi)，如果左側(cè)菜單處于已打開(kāi)或正在打開(kāi)為0 到 1，如果右側(cè)菜單處于已打開(kāi)或正在打開(kāi)為0 到-1。
isOpen()
返回值: 布爾值，判斷左側(cè)或右側(cè)菜單是否已經(jīng)打開(kāi)。
isOpenLeft()
返回值: 布爾值左側(cè)菜單是否已經(jīng)打開(kāi)。
isOpenRight()
返回值: 布爾值右側(cè)菜單是否已經(jīng)打開(kāi)。
canDragContent([canDrag])
參數(shù)
類型
詳情
canDrag
(可選)
布爾值
設(shè)置是否可以拖動(dòng)內(nèi)容打開(kāi)側(cè)欄菜單。
返回值: 布爾值，是否可以拖動(dòng)內(nèi)容打開(kāi)側(cè)欄菜單。
$getByHandle(handle)
參數(shù)
類型
詳情
handle 字符串
例如:
$ionicSideMenuDelegate.$getByHandle('my-handle').toggleLeft();
舉報(bào)