Angular 我们如何在爱奥尼亚2中单击菜单应用程序按钮时[显示]和[隐藏]选项卡？

我正在开发一个Ionic 2应用程序，在我的应用程序中有多个选项卡。单击底部选项卡菜单图标时，我需要显示和隐藏顶部选项卡

• 现在，当单击底部选项卡菜单图标时，将显示顶部选项卡，但如果再次单击按钮，则顶部选项卡不会隐藏

• 供参考

我要查找的是，单击底部选项卡菜单应用程序图标时，上面的选项卡需要是

[show]和[hidden]

。第一次点击菜单时，标签应该显示，第二次点击标签时需要隐藏…就像切换菜单一样

在angularjs中，我可以使用

ng hide和ng show

来创建这个字段，但我不知道如何在ionic 2中创建这个字段

单击

选项卡菜单应用图标

：

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

---

如果您有解决方案，请更新

以下是您对组件的期望

我已将以下代码添加到您的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>

---

大家好，以上问题的答案都出来了吗？通过上面的标签，需要同时显示和隐藏你的意思是什么？@aravind谢谢你的评论，请查看我的插件以供参考，现在我可以在单击菜单按钮时显示标签，但是，如果我再次单击按钮，它不会隐藏…因此，请更新解决方案，谢谢…嗨，aravind，请检查此链接：-例如…我正在寻找

菜单功能性

…单击菜单按钮，菜单列表将显示，再次点击菜单按钮菜单列表被隐藏这是我在爱奥尼亚2中所期待的…嗨aravind谢谢你的宝贵帮助…但我们不是在寻找这个解决方案…我告诉你，首先，我们单击菜单按钮以显示右侧的选项卡…然后，如果再次单击菜单按钮的相同底部，则显示的相同选项卡需要隐藏，就是这样…您的答案对我也很有用…如果您知道解决方案，请帮助我。。。

hideTopTab:boolean=true;
   x(){

this.hideTopTab = false;
}

<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>

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