Ion-slider in ion-menu not working

created a side menu project with:

ionic start mySideMenu sidemenu --v2

added ion-slides.

The slider only show first slide and no slide to next slide is working.

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


        <h1>Slide 1</h1>
        <h1>Slide 2</h1>
        <h1>Slide 3</h1>

      <button menuClose ion-item *ngFor="let p of pages" (click)="openPage(p)">


<!-- Disable swipe-to-go-back because it's poor UX to combine STGB with side menus -->
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>

I’m trying to do the same and the slider doesn’t work at all.

Have you been able to find a solution?

Is it simply not possible to use ion-slides in ion-menu?


So I’ve found the solutions in the end. Posting this in case it helps somebody else in the future.

I was going through the issues related to slides and came across this particular one:

It turns out that if slides are not visible, it won’t be initialized properly. So I just needed to update it.

Here’s the code I used:


import { ViewChild } from '@angular/core';
import { Slides } from 'ionic-angular';


@ViewChild('switcher') switcher: Slides;


  menuOpened() {


<ion-menu [content]="content" (ionOpen)="menuOpened()">


<ion-slides #switcher>

It appears to be working fine after this. Hope this helps another frustrated soul!


Thanks it’s really helpful


bug(slides): pager not set correctly after being hidden can any one found solution for this problem

nice but pagination bullets are not showing activeness correctly when we use pager property to slides. and slideTo not working
menuOpened() {
this.switcher.slideTo(1,200); //this line not working and not showing index 1 slide and pagination bullets are also not shoowing activeness correctly

navigation bar menu is not working after the successful event booking.Anyone can any idea about this issue