Тип ионного меню «толкни и открой» не работает

Question

Я пробовал ионное меню Ionic 3. Функция «type = overlay» работает правильно, так как боковое меню накладывается на экран, но ни «push», ни «show» значения для атрибута «type», похоже, не работаютработать.

Когда я нажимаю кнопку, ничего не происходит, но кнопка, безусловно, нажата, как я проверил.Я не пробовал их в эмуляторе / телефоне, если они работают.Но ионные документы на нем показывают, что его можно протестировать в браузере.

<ion-menu side="start" menuId="first" [content]="content" type="push">
  <ion-header>
    <ion-toolbar color="primary">
      <ion-title>Start Menu</ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content #content>
    <ion-list>
      <ion-item>Menu Item</ion-item>
      <ion-item>Menu Item</ion-item>
    </ion-list>
  </ion-content>
</ion-menu>

<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
    <ion-buttons end>
      <button ion-button menuToggle (click)="openFirst()"><ion-icon name="add"></ion-icon></button>
    </ion-buttons>
  </ion-navbar>
</ion-header>


<ion-content>
  content
</ion-content>

.

import { Component } from '@angular/core';
import { NavController, MenuController } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController,
    private menu: MenuController) {

  }

  openFirst() {
    this.menu.enable(true, 'first');
    this.menu.open('first');
  }
}

Я ожидаю, что этот код протолкнет всю страницу и покажет меню боковой панели, но ничего не делает.

Answer 1

Функция нажатия кнопки не требуется, поскольку используется menuToggle:

<ion-header>
  <ion-navbar>
     <ion-title>Home</ion-title>
     <ion-buttons end>
       <button ion-button menuToggle ><ion-icon name="add"> 
         </ion-icon></button>
     </ion-buttons>
 </ion-navbar>
</ion-header>

Также проверьте эту ссылку.Я реализовал тип меню.

https://stackblitz.com/edit/ionic-4j3yqp?file=app/app.html