web-dev-qa-db-fra.com

Comment basculer entre Menu Ionic 4

Je suis nouveau dans Ionic et je développe une application de base dans Ionic 4 avec sidemenu.

J'ajoute un bouton dans le menu latéral, lorsque je clique sur ce bouton, le menu ne bascule pas. Quelqu'un peut-il m'aider dans ce domaine? voici le code que j'essaye.

<ion-button color="primary" (click)="function()" class="class" menuToggle expand="block" fill="outline"> text </ion-button>

Explication de la question pas en double

S'il vous plaît vérifier le texte en gras, j'ai déjà un sidemenu de travail, mais le problème est que je veux fermer le menu sidem lorsque je clique sur ion-button, pas sur ion-item.

ionic-frameworkionic4
9
Riot Zeast Captain

Encapsulez simplement votre ion-button dans un ion-menu-toggle élément, comme ceci:

<ion-menu-toggle>
  <ion-button>Toggle Menu</ion-button>
</ion-menu-toggle>

Voir la documentation ici

EDIT: Si vous ne voulez pas utiliser ion-menu-toggle, vous pouvez le faire à la place:

Dans votre app.component.ts:

import { MenuController } from '@ionic/angular'; //import MenuController to access toggle() method.

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html'
})
export class AppComponent {
  constructor(
    public menuCtrl: MenuController
  ) {
    this.initializeApp();
  }

toggleMenu() {
    this.menuCtrl.toggle(); //Add this method to your button click function
  }

}

Et dans votre app.component.html:

<ion-button (click)="toggleMenu()">Toggle Menu</ion-button>

Pour afficher toutes les méthodes, consultez la documentation ici .

15
NickyTheWrench