如何让ionic侧边栏自动关闭

如何让ionic侧边栏自动关闭


慕尼黑8549860
浏览 551回答 2
2回答

偶然的你

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();&nbsp;
打开App,查看更多内容
随时随地看视频慕课网APP