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

Question

我是离子框架的新手。我只是想通过使用下面的代码来保持宽度大于屏幕高度的菜单。

$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/