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

Question

我是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);
  });

上面的代码按预期工作。现在问题是，如果在菜单可见时重新调整窗口大小，则菜单仅占据屏幕的最大宽度，除非高度>宽度。

有没有办法检查所有可见视图的宽度？因此，当主视图的宽度小于菜单视图的宽度时，我可以隐藏菜单。

截图：

Answer 1

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

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