在调整大小期间调整离子菜单

Posted 2023-03-12

【中文标题】在调整大小期间调整离子菜单

【英文标题】：Sizing ionic menu during resize

【发布时间】：2015-12-22 07:27:58

【问题描述】：

我是 Ionic 框架的新手。我只是尝试使用以下代码在宽度大于屏幕高度时保持菜单打开。

  $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】：

您可以使用expose-aside-when，以便侧边菜单保持打开状态，查看下面的链接

http://ionicframework.com/docs/api/directive/exposeAsideWhen/