Ionic 2 - menuClose auf das Bild klicken

Question

In Ionic 2 Sie die

menuClose

Richtlinie über eine Schaltfläche hinzufügen können, so dass die Seite im Menü auf angeklickt wird geschlossen.

Ich möchte das Menü schließen, wenn ein Bild geklickt wird, anstatt eine Schaltfläche. Das Bild befindet sich im Ion-Menü.

Gibt es eine Möglichkeit, die Menü schließen Funktion aufrufen, wenn das Bild geklickt wird?

Hier ist mein HTML

<ion-menu [content]="content"> 

    <ion-header> 
    <ion-toolbar> 
     <img src="myLogo.svg" class='logo' (click)='closeSideMenu()'> 
    </ion-toolbar> 
    </ion-header> 

    <ion-content> 
    <ion-list> 
     <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)"> 
     {{p.title}} 
     </button> 
    </ion-list> 
    </ion-content> 

</ion-menu> 

Answer 1

Sie können in die MenuController in Ihrer Komponente direkt Haken

import { MenuController } from 'ionic-angular'; 

@Component({...}) 
export class MyPage { 
constructor(public menuCtrl: MenuController) {} 

    closeSideMenu() { 
    this.menuCtrl.close(); 
    } 
} 

Sie weitere Informationen finden können here

Answer 2

Sie können eine Abhilfe tun, eine Schaltfläche mit einem Hintergrundbild machen, ohne Etikett mit CSS: background: url ('background.jpg');