在特定視圖上隱藏菜單按鈕而不隱藏導航欄（離子）

也有類似的問題，但不是確切的問題。我有一個離子應用視圖在特定視圖上隱藏菜單按鈕而不隱藏導航欄（離子）

<ion-view> 
<ion-nav-title> 
    <a id="go_to_app" href="#startseite"> 
     <span class="ion-android-exit"></span> 
    </a> 

    <img src="img/logo_header.png"> 

</ion-nav-title> 
<ion-content class="star-wrap"> 
. 
. contents 
. 
</ion-content class="star-wrap">

我試圖做到的，是顯示ion-android-exit按鈕，而不是在這個特定視圖菜單按鈕，這種結構。

這可能嗎？

來源

2016-08-23 distante

有一個（的方式）容易和簡單的方法來做到這一點。

在裏面添加<ion-nav-buttons></ion-nav-buttons>會用我想要的任何東西重寫菜單按鈕，或者不加任何內容地隱藏它。

來源

2016-08-24 06:26:44 distante

您需要使用ng-if，比如這裏的示例。 http://codepen.io/anon/pen/AXkJGa 在控制器中將ng的值設置爲true之後。

例HTML

<title>Ionic Modal</title> 
    <body ng-controller="State1Ctrl"> 

    <ion-nav-bar> 
    <ion-nav-view> 
     <ion-view> 
     <ion-nav-title> 
      <a id="go_to_app" href="#startseite"> 
     <span class="ion-android-exit" ng-if="!hidethisview"></span> 
    </a> 
     </ion-nav-title> 
     <ion-content> 
      Some super content here! 
     </ion-content> 
     </ion-view> 
    </ion-nav-view> 
     </ion-nav-bar>

和JS

angular.module('ionicApp', ['ionic']) 
.controller('State1Ctrl', function($scope, $state) { 
if($state.current.name=="")// you need to have your state name inside quotes 
//this example don't have one 
{ 
    $scope.hidethisview=true; 
} 

});

來源

2016-08-23 16:35:11

我需要將它添加到離子導航條上，不？所以它只是隱藏在我想要的視圖中，而ion-android-以相反的方式退出。 – distante

@distante，是的，你做。 –

在特定視圖上隱藏菜單按鈕而不隱藏導航欄（離子）

回答

相關問題