根据屏幕方向隐藏Ionic Framework Header

Question

我想问一下，当屏幕方向从纵向更改为横向时，是否有办法在特定视图中隐藏离子框架的导航栏。

Answer 1

是的，你可以，非常容易。

这是您需要触发隐藏导航栏的功能：

$ionicNavBarDelegate.showBar(false); 

当然，请在适当的控制器内进行。

此公式的第二部分是Cordova Orientation插件，请点击here。

因此，如果合并，你会想要这样的东西：

if(screen.orientation == 'landscape') {
    $ionicNavBarDelegate.showBar(false); 
}

还有一种用于检测方向的JavaScript方法，但它在某些设备上是一种命中与错过的解决方案。 Cordova插件更安全的解决方案。

这不是一切，如果用户在视图初始化后更改方向，该怎么办：

window.addEventListener('orientationchange', doOnOrientationChange);

// Initial execution if needed
doOnOrientationChange();

function doOnOrientationChange()
{
    if(screen.orientation == 'landscape') {
        $ionicNavBarDelegate.showBar(false); 
    }        
}