どのようにしてIonic 2のメニューアプリのボタンOnclickingを[表示する]と[非表示にする]ことができますか？

Question

私はIonic 2アプリケーションを開発していて、アプリケーションに複数のタブがあります。下のタブのメニューアイコンをクリックすると、上のタブShow and Hideが必要です。

• 現在、下のタブメニューアイコンをクリックすると、上のタブが表示されていますが、もう一度ボタンをクリックすると、上のタブは非表示になりません。

• My Plunker参考までに。私が探しています何

は、下のタブメニューのアプリのアイコンをクリックの上、上記のタブが[show] and [hidden]する必要があります。最初にメニューをクリックするとタブが表示され、2回目のタブをクリックする必要があります...メニューを切り替えるのと同じです...

anglejsではng-hide and ng-showを使ってこのフィールドを実行できますが、tab menu apps Iconをクリックすると、イオン2

でこのフィールドを行う方法を知っている：

<ion-tabs tabs-only (click)="x()" > 
    <ion-tab tabIcon="apps" [root]="tab3Root"></ion-tab> 
</ion-tabs> 

マイ複数のタブの要素：

機能以下

<ion-tabs tabs-only (click)="x()" > 
    <ion-tab tabIcon="apps" [root]="tab3Root"></ion-tab> 
</ion-tabs> 

<ion-tabs tabs-only2 tabbar (click)="x()" [hidden]="hideTopTab" > 
    <ion-tab [root]="tab1Root" tabTitle="Tab 1" tabIcon="pulse"></ion-tab> 
    <ion-tab [root]="tab2Root" tabTitle="Tab 2" tabIcon="pulse"></ion-tab> 

</ion-tabs> 

要素[隠さ]に使用されます： -

hideTopTab:boolean=true; 
    x(){ 

this.hideTopTab = false; 
} 

あなたは解決策を持っている場合はPlunkerを更新してください。

Answer 1

のコンポーネントの下にあなたの期待値はdocumentationです。

は、私はあなたのplunkerに以下のコードを追加した

<ion-toolbar no-border-top> 
    <button ion-button icon-only menuToggle> 
     <ion-icon name="menu"></ion-icon> 
    </button> 
    <ion-title>Menu Bar</ion-title> 
</ion-toolbar> 

<ion-menu [content]="content" id="menu2"> 
    <ion-header> 
     <ion-toolbar color="danger"> 
      <ion-title>Menu 2</ion-title> 
     </ion-toolbar> 
    </ion-header> 

    <ion-content> 
    <ion-list> 
     <button ion-item menuClose="menu2" detail-none>Menu 1</button> 
     <button ion-item menuClose="menu2" detail-none>Menu 2</button> 
    </ion-list> 
    </ion-content> 
</ion-menu> 

アップデート1：あなたの要件ごとに、あなたは以下のコード

x(){ 
     this.hideTopTab = !this.hideTopTab; 
    } 

LIVE DEMO