Click for button inside ion-toolbar not working

Ionic Framework ionic-v3
1 
         <ion-menu [content]="content"  type="overlay">
  	<ion-toolbar color="primary">
	    <ion-buttons  left  (click)="resetMenu()">
	      <ion-icon name="arrow-back"></ion-icon>
	    </ion-buttons>

   		 <ion-title> Category </ion-title>
	   
 	 </ion-toolbar>

<ion-content> 	 
</ion-content>

This is my code.I have written a click function (click)=“resetMenu()”.But the click event is not working.click doesnot triggers the resetMenu()

2

Could you define “wha’t is not working”? Do you have an error? What’s the stacktray?

Quick note: In your code, ion-menu element is not closed

3

click event is not working

4

It’s because you don’t have a button inside ion-buttons I guess

<ion-menu [content]="content"  type="overlay">
<ion-toolbar color="primary">
    <ion-buttons left>
            <button ion-button ion-only (click)="resetMenu()">
           <ion-icon name="arrow-back"></ion-icon>
            </button>
    </ion-buttons>

	 <ion-title> Category </ion-title>
   
 </ion-toolbar>
    </ion-menu>
5

It works.My mistake :yum:.Thanks :slight_smile:

2 Likes
6

Thanks, it’s work…