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

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/