2016-09-29 6 views
0

私はすべてのページに表示されている瞬間に、特定のページにボタンバーを含むサブヘッダーを隠そうとしています。私はすべてのページに残るnavバーを持っています。ヘッダーのコードは次のとおりです。特定のページでサブヘッダーを取り除く(イオン性)

<ion-nav-bar class="bar-dark" align-title="center"> 

    <ion-nav-back-button></ion-nav-back-button> 

    <ion-nav-buttons side="left"> 
     <button class="button button-icon button-clear ion-ios-gear"></button> 
    </ion-nav-buttons> 

    <ion-nav-buttons side="right"> 
     <button class="button button-icon button-clear ion-ios-cart-outline" ></button> 
    </ion-nav-buttons> 
</ion-nav-bar> 





<ion-header-bar align-title="center" class="bar-subheader bar-light" > 
    <div class="button-bar"> 
     <a class="button button-outline button-dark">Sort</a> 
     <a class="button button-outline button-dark">Categories</a> 
     <a class="button button-outline button-dark">Filter</a> 
    </div> 

</ion-header-bar> 

。あなたは、このようなあなたのサブヘッダーを表示する方法を制御することができ、あなたのコメントに基づいて

+0

CONTROLLERあなたは 'NG-hide'または' NG-show'または多分 'NG-if'を使用しようとしたんでしたそれを表示するときを制御するには? –

+0

ng-hideは、すべてのビューのサブヘッダーを非表示にします。 ng-ifとng-showは効果がありません。 –

+0

ええ、コントローラから制御するパラメータを渡すことができるので、場合によっては非表示にすることができます。あなたは 'ion-header-bar'を隠したいのですか? –

答えて

0

ありがとうございます。

HTML

<ion-header-bar ng-hide="hideSub" ng-init="controlSubHeader()" align-title="center" class="bar-subheader bar-light" > 
<div class="button-bar"> 
    <a class="button button-outline button-dark">Sort</a> 
    <a class="button button-outline button-dark">Categories</a> 
    <a class="button button-outline button-dark">Filter</a> 
</div> 

app.controller('MyController', function($state, $scope){ 
    $scope.hideSib = false; 

    $scope.controlSubHeader = function(){ 
     if($state.current.name === 'tab.search') 
     { 
      $scope.hideSub = true; 
     }else{ 
      $scope.hideSub = false; 
     } 
    } 
}); 
関連する問題