Ionic 2에서 적절한 메뉴 사용 방법

Question

Ionic에 익숙하며 회의용 앱처럼 탭으로 메뉴를 사용하려고합니다. 쉽게 보이지만 서랍의 버튼이 작동하지 않습니다.

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> 

app.component.ts

@Component({ 
    templateUrl: `app.template.html` 
}) 
export class MyApp { 
    rootPage: any = DummyPage; 
    @ViewChild(Nav) nav: Nav; 

    constructor(public platform: Platform) { 
    console.log('Hello from MyApp'); 
    this.initializeApp(); 


    } 
\\ 
\\ 
\\ 
    goToUserInfo() { 
    console.log(this.TAG + ' goToUserInfo'); 
    // this.navCtrl.push(); 
    this.nav.setRoot(UserInfoPage); 
    } 

    logOut() { 
    console.log(this.TAG + ' logOut'); 
    // this.userData.logout(); 
    this.nav.setRoot(LoginPage); 
    } 

    goToTutorial() { 
    console.log(this.TAG + ' goToTutorial'); 
    // this.navCtrl.push(); 
    } 
} 

그러나 메뉴에서 옵션을 클릭하면 이벤트를 클릭 트리거하지 않는 이유를 잘 모르겠어요

Answer 1

클릭 이벤트 핸들러를 버튼 요소로 이동해야합니다. https://forum.ionicframework.com/t/ionic2-clickable-ion-icon/46512

이처럼 사용 :

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