首页 文章

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

提问于
浏览
0

我正在尝试做的是当屏幕在横向时隐藏离子导航条,因为它将占用太多空间 . 理想的是它设置为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

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

相关问题