How to hide a pager with ion slides?

Question

I am using the ion-slide directive registered here and I cannot find a way to hide the pager. I tried to set the pager attribute, as in:

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

however, this will not work, pagers are still displayed.

Is it possible to hide a pager with ion slides, and if so, how?

Answer 1

official decision:

 options="{pagination: false}" 

Answer 2

Just add this to your css :

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

Hope this helps

Answer 3

If these slides are added to the ion slide box , you can:

 show-pager="false" 

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

You can also hide them through css, for example:

 .slider-pager { display:none; } 

Answer 4

I am looking for a solution to this issue. I have been working with this since two days ... But nothing. Do you solve this problem? I added .slider-pager {display: none; }, but the dots still remain!

Answer 5

Maybe you can do this:

 paginationType: 'custom', paginationBulletRender: function (index, className) { return ''; } 

This is better than pagination:false

Answer 6

Just uninstall pager .

Example:

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

justo put (without a "pager"):

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