为了账号安全,请及时绑定邮箱和手机立即绑定

如何让ionic侧边栏自动关闭?

如何让ionic侧边栏自动关闭?

慕的地10843 2018-09-22 11:06:51
如何让ionic侧边栏自动关闭
查看完整描述

1 回答

?
翻翻过去那场雪

TA贡献2065条经验 获得超13个赞

menu-close
关闭当前打开的侧栏菜单。
用法
下面是一个在导航栏内链接的例子。点击此链接会自动打开指定的侧栏菜单。
<a menu-close href="#/home" class="item">首页</a>

$ionicSideMenuDelegate
该方法直接触发$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 字符串
例如:
$ionicSideMenuDelegate.$getByHandle('my-handle').toggleLeft();



查看完整回答
反对 回复 2018-10-24
  • 1 回答
  • 0 关注
  • 1426 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信