删除特定页面上的子标题（离子）

我想在特定页面上显示一个子标题，并在其中显示所有页面。我上面有一个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

删除特定页面上的子标题（离子）

回答

相关问题