如何在离子框架中动态地隐藏/显示navBar？

我试图做的是当屏幕处于横向时隐藏ion-nav-bar，因为它会占用太多空间。理想的是设置它的CSS，这在android设备上运行得非常好，但不是在iOS设备上。如何在离子框架中动态地隐藏/显示navBar？

似乎有离子的一个bug，当ion-nav-bar设置为“display：none”时，一些空白区域仍然会显示在iOS设备上，但不会显示在android上。我在这里描述的问题：

http://forum.ionicframework.com/t/trouble-hiding-ion-nav-bar-on-ios-devices-but-not-android/31370

我试图找出一个办法来解决这个问题。选项有：

1）在屏幕方向改变时使用$ ionicNavBarDelegate.showBar（false）。这确实会隐藏导航栏，但当屏幕返回到纵向模式时，我无法还原导航栏。 2）在ion-view中放入hide-nav-bar =“{{$ root.hideNavBar}}”，然后在屏幕方向更改时更改$ root.hideNavBar的值。

这似乎不起作用。 nav-bar会显示/隐藏自身，并且不会根据$ root.hideNavBa的最新值进行操作。

对不起，我是初学者，所以请原谅我的无知和建议。

在此先感谢。

来源

2015-08-28 Jerome

尝试使用ng-if对我来说它可以与heder一起工作

来源

2015-08-31 08:28:37

这似乎不适用于我的手。它根据开关“hideNavBar”的初始值而行动，但不是最新的。它也以某种方式隐藏导航栏内的导航按钮。 – Jerome

如何在离子框架中动态地隐藏/显示navBar？

回答

相关问题