Ionic framework 如何在ionic框架中动态隐藏/显示导航栏?

Ionic framework 如何在ionic框架中动态隐藏/显示导航栏?,ionic-framework,Ionic Framework,我尝试做的是在屏幕处于横向时隐藏离子导航条,因为这样会占用太多空间。最理想的是set-it css,这在android设备上非常有效,但在iOS设备上却不行 ionic中似乎存在一个缺陷,即当Ionion导航栏设置为“display:none”时,iOS设备上仍会显示一些空白,但android设备上不会。我在这里描述了这个问题: 我正在想办法解决这个问题。这些选择包括: 1) 在屏幕方向更改时使用$ionicNavBarDelegate.showBar(false)。这确实隐藏了导航栏,但当屏

我尝试做的是在屏幕处于横向时隐藏离子导航条,因为这样会占用太多空间。最理想的是set-it css,这在android设备上非常有效,但在iOS设备上却不行

ionic中似乎存在一个缺陷,即当Ionion导航栏设置为“display:none”时,iOS设备上仍会显示一些空白,但android设备上不会。我在这里描述了这个问题:

我正在想办法解决这个问题。这些选择包括:

1) 在屏幕方向更改时使用$ionicNavBarDelegate.showBar(false)。这确实隐藏了导航栏,但当屏幕回到纵向模式时,我很难恢复导航栏

2) 在ion视图中放置hide nav bar=“{{$root.hideNavBar}}”,然后在屏幕方向更改时更改$root.hideNavBar的值

这似乎不起作用。导航栏显示/隐藏自身,不根据$root.hideNavBa的最新值进行操作

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


提前感谢。

如果ng对我来说可以与heder一起使用,请尝试使用它。

这似乎对我的手不起作用。它根据开关“hideNavBar”的初始值而不是最新值起作用。它还以某种方式隐藏导航栏内的导航按钮。