刪除特定頁面上的子標題（離子）

我想在特定頁面上顯示一個子標題，並在其中顯示所有頁面。我上面有一個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>

謝謝

來源

2016-09-29 Farai Chaumba

沒有你試圖用'NG-hide'或'NG-show'也許'NG-if'控制何時顯示它？ –

ng-hide隱藏所有視圖的子標題。 ng-if和ng-show不起作用。 –

是的，但是你可以傳遞一個你控制器控制的參數，所以在某些情況下你可以隱藏它。你想隱藏'ion-header-bar'？ –

基於您的評論。你可以控制如何顯示子頭是這樣的。

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; 
     } 
    } 
});

來源

2016-10-01 15:23:47

刪除特定頁面上的子標題（離子）

回答

相關問題