Question

我是Ionic框架的新手。有没有办法在横向模式下打开菜单，当它变为纵向模式时将其关闭，反之亦然，类似于此Hiding the Ionic Framework Header based on screen orientation。

使用，

window.addEventListener("orientationchange", function(){

});

我能够检测到方向变化，但无法找到隐藏/显示菜单的方法。有没有办法使用CSS＆＃39;

来做到这一点

/* portrait */
@media screen and (orientation:portrait) {

}
/* landscape */
@media screen and (orientation:landscape) {

}

如果两者都可能，这是处理这种情况的首选方式吗？

Answer 1

您可以使用服务$ionicSideMenuDelegate以编程方式打开或关闭菜单。

.controller('AppCtrl', function($scope, $ionicSideMenuDelegate) {
//                                        ˆˆˆˆ injected ˆˆˆˆ 

  window.addEventListener("orientationchange", function(){
    $ionicSideMenuDelegate.toggleLeft(window.orientation !== 0);
  });

})

请记住在控制器中注入服务$ionicSideMenuDelegate。在此示例中，我在$scope中注入了$ionicSideMenuDelegate和AppCtrl。

适用于iOS和Android！

在屏幕方向期间关闭/打开离子菜单

1 个答案: