离子 2 - 菜单在图像单击时关闭

Question

在 Ionic 2 中，您可以添加

菜单关闭

指令，以便单击侧边菜单时关闭。

我想在单击图像而不是按钮时关闭菜单。图像位于离子菜单中。

有没有办法在单击图像时调用菜单关闭函数？

这是我的网页

<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

您可以直接在组件中挂接到 MenuController

import { MenuController } from 'ionic-angular';
@Component({...})
export class MyPage {
constructor(public menuCtrl: MenuController) {}
  closeSideMenu() {
    this.menuCtrl.close();
  }
}

您可以在此处找到更多信息

Answer 2

你可以做一个解决方法，用css制作一个带有背景图像的按钮，没有标签：background：url('background.jpg'(;