Angular 离子2中菜单的正确使用方法

我是爱奥尼亚的新手，尝试使用带有标签的菜单，就像在会议应用程序中一样。看起来很简单，但抽屉里的钮扣不起作用

app.template.html

<ion-menu [content]="mycontent" persistent="true">
  <ion-header>
    <ion-toolbar>
      <ion-title>Menu</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content class="outer-content">
    <ion-list>
      <button ion-item menuClose>
        <ion-icon item-left name="person" (click)="goToUserInfo()"></ion-icon>
        My information
      </button>
      <button ion-item menuClose>
        <ion-icon item-left name="log-out" (click)="logOut()"></ion-icon>
        Log out
      </button>
      <button ion-item menuClose>
        <ion-icon item-left name="hammer" (click)="goToTutorial()"></ion-icon>
        Show tutorial again
      </button>
    </ion-list>
  </ion-content>
</ion-menu>


<ion-nav id="nav" #mycontent [root]="rootPage"></ion-nav>

---

但我不确定为什么菜单中的单击选项不会触发单击事件，您应该将单击事件处理程序移动到按钮元素，因为似乎有几个人在使用该选项时遇到问题：

像这样使用它：

<button ion-item menuClose (click)="goToUserInfo()">
  <ion-icon item-left name="person" ></ion-icon>
    My information
</button>

我的信息

您能将单击事件移动到按钮元素并重试吗？@echonax我是傻瓜，谢谢。我应该删除这个问题吗？当然不应该；人们可能一直被同一个问题困扰着。

<button ion-item menuClose (click)="goToUserInfo()">
  <ion-icon item-left name="person" ></ion-icon>
    My information
</button>