调整大小时调整离子菜单的大小
调整大小时调整离子菜单的大小
提问于 2015-12-22 15:27:58
我是离子框架的新手。我只是尝试使用以下代码在菜单宽度大于屏幕高度时保持菜单打开。
$scope.$on('$ionicView.loaded', function (viewInfo, state) {
(window.innerHeight < window.innerWidth) ? $ionicSideMenuDelegate.toggleLeft(true) : $ionicSideMenuDelegate.toggleLeft(false);
});
window.addEventListener("orientationchange", function(){
$ionicSideMenuDelegate.toggleLeft(window.orientation !== 0);
});
window.addEventListener('resize', function() {
(window.innerHeight < window.innerWidth) ? $ionicSideMenuDelegate.toggleLeft(true) : $ionicSideMenuDelegate.toggleLeft(false);
});上面的代码运行正常。现在的问题是，如果您在菜单可见时调整窗口大小，则菜单仅占用屏幕的最大宽度，除非高度>宽度。
有没有办法检查所有可见视图的宽度？这样当主视图的宽度小于菜单视图的宽度时，我就可以隐藏菜单。
截图：
回答 1
Stack Overflow用户
发布于 2015-12-22 18:15:27
您可以使用expose-aside-when使侧边菜单保持打开状态，请查看下面的链接
http://ionicframework.com/docs/api/directive/exposeAsideWhen/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34410553
复制相关文章
相似问题
腾讯云开发者
