How to hide ion-slides pager?

Question

I use the ion-slide directive documented here and I cannot find a method to hide the pager. I tried setting the pager attribute as in:

<ion-slides options="myOptions" pager="false" slider="mySlide[item.id]">

however that does not work, the pager bullets are still showing.

Is it possible to hide the ion-slides pager, and if so - how?

Answer 1

official solution:

options="{pagination: false}"

Answer 2

Just add this in your css:

.swiper-pagination-bullet{
   background:white!important;
   border-radius: 100%;
   height: 17px;   
   width: 17px;
   display: none;
}

Hope this helps

Answer 3

Just remove pager.

Example:

<ion-slides pager loop autoplay="1500" class="auto_height"> ...

just put (without "pager"):

<ion-slides loop autoplay="1500" class="auto_height"> ...

Answer 4

If these slides are being added to an ion-slide-box, you can:

show-pager="false"

on the ion-slide-box. See the docs for more info.

You might also be able to hide them via css like:

.slider-pager { display:none; }