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

时间:2015-08-28 23:09:04

标签: ionic-framework

我正在尝试做的是在屏幕处于风景中时隐藏ion-nav-bar,因为它会占用太多空间。理想的是它设置为css,这在Android设备上运行良好,但在iOS设备上运行不正确。

离子中似乎存在一个错误,当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)在离子视图中输入hide-nav-bar =“{{$ root.hideNavBar}}”,然后在屏幕方向更改时更改$ root.hideNavBar的值。

这似乎不起作用。 nav-bar显示/隐藏自身,不按$ root.hideNavBa的最新值行事。

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

提前致谢。

1 个答案:

答案 0 :(得分:0)

尝试使用ng-if对我来说它适用于heder