menu-close

關閉當前打開的側欄菜單。

用法

下面是一個側欄菜單內連接的例子。點擊這個連接會自動關閉當前打開的菜單。

<a menu-close href="#/home" class="item">首頁</a>

 

$ionicSideMenuDelegate

受權控制ionSideMenus指令。

該方法直接觸發$ionicSideMenuDelegate服務，來控制全部側欄菜單。用$getByHandle方法控制特定狀況下的ionSideMenus。

用法

<body ng-controller="MainCtrl">
  <ion-side-menus>
    <ion-side-menu-content>
      內容!
      <button ng-click="toggleLeftSideMenu()">
        切換左側側欄菜單
      </button>
    </ion-side-menu-content>
    <ion-side-menu side="left">
      左側菜單!
    <ion-side-menu>
  </ion-side-menus>
</body>
function MainCtrl($scope, $ionicSideMenuDelegate) {
  $scope.toggleLeftSideMenu = function() {
    $ionicSideMenuDelegate.toggleLeft();
  };
}

 

方法

 

toggleLeft([isOpen])

切換左側側欄菜單（若是存在）。

參數 類型 詳情
isOpen
(可選)
布爾值

是否打開或關閉菜單。默認：切換菜單。
 

toggleRight([isOpen])

切換右側側欄菜單（若是存在）。

參數 類型 詳情
isOpen
(可選)
布爾值

是否打開或關閉菜單。默認：切換菜單。
 

getOpenRatio()

獲取打開菜單內容超出菜單寬度的比例。好比，一個寬度爲100px的菜單被寬度爲50px以50%的比例打開，將會返回一個比例值爲0.5。

  • 返回: 浮點 0 表示沒被打開，若是左側菜單處於已打開或正在打開爲0 到 1，若是右側菜單處於已打開或正在打開爲0 到-1。
 

isOpen()

  • 返回: 布爾值不管左側或右側菜單是否已經打開。
 

isOpenLeft()

  • 返回: 布爾值左側菜單是否已經打開。
 

isOpenRight()

  • 返回: 布爾值右側菜單是否已經打開。
 

canDragContent([canDrag])

參數 類型 詳情
canDrag
(可選)
布爾值

設置是否能夠拖動內容打開側欄菜單。
  • 返回: 布爾值是否能夠拖動內容打開側欄菜單。
 

$getByHandle(handle)

參數 類型 詳情
handle 字符串  
  • 返回: delegateInstance一個表明性的實例是用delegate-handle只控制ionSideMenus指令來匹配指定的句柄。

例如: $ionicSideMenuDelegate.$getByHandle('my-handle').toggleLeft();