如何在離子框架中動態地隱藏/顯示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？

回答

相關問題