2016-05-03 7 views
1

ion-nav-barボタンを隠すことなく、イオンを隠す方法を見つけようとしています。
私はイオニックhideボタンのないnav-bar

hide-nav-bar="true" 

を試してみましたが、それはあまりにもボタンが隠れています。私は検索し、またthisを参照しましたが、何も私の問題を解決しませんでした。
について

$rootScope.$on('$stateChangeStart', function(ev, toState, toParams, fromState, fromParams){ 

    var states = ['tabs.about', 'tabs.contact']; 

    if(states.indexOf(toState.name) > -1) { 
     $rootScope.hideBar=true; 
    } else { 
     $rootScope.hideBar=false; 
    } 
}); 

は、HTML::

答えて

1

あなただけのバーを非表示にしたい状態を指定し、いくつかのスタイルに

JS変更する必要が

<ion-nav-bar class="bar-positive" ng-class="{ 'make-border-trasparent': hideBar }"> 
    <ion-nav-back-button> 
    </ion-nav-back-button> 
</ion-nav-bar> 

を取ってください。この例を見てください(私はtabs.aboutとのバーを隠しています)州)

Codepen

+0

おかげで私はすでに前に試してみましたが、それはまだ私のために働いていないその事。私はsidemenuアプリで作業しているので、これはタブ上でのみ動作しますか?そしてもう1つのことは、ネバー・サイド・メニュー機能を使いたいだけです。 – Atula

+0

私はsidemenuアプリケーションで同じ例を作りましたが、明らかに完全に動作します:http://codepen.io/anon/pen/JXwGWJ – felipecamposclarke

+0

私はそれを試みています。この画像を確認することができますか?このタイプのビューは、sidemenuボタンで取得できますか?https://www.dropbox.com/s/27cpnhmgk39403n/Screenshot_2016-05-04-14-28-58.png?dl=0 – Atula

関連する問題