2016-08-23 4 views
0

このような質問はありますが、この正確な質問はありません。私は私が達成しようとしている何navbar(イオン性)を隠さずに特定のビューにメニューボタンを隠す

<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ボタンの代わりに、この特定のビューでメニューボタンを示しているイオンアプリビューでこのような構造を持っています。

これは可能ですか?

答えて

1

これを行うには(方法)簡単でシンプルな方法がありました。

​​の中に<ion-nav-buttons></ion-nav-buttons>を追加すると、メニューボタンが必要なものに書き換えられます。または内容を表示しないで非表示にします。

0

例のようにng-ifを使用する必要があります。 http://codepen.io/anon/pen/AXkJGa コントローラでng conditionalの値を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; 
} 

}); 
+0

イオンナビにも追加する必要がありますか?それで、私は望む視野の中に隠れてしまい、イオンとアンドロイドの出方は逆になります。 – distante

+0

@distante、そうです。 –

関連する問題