I am new to ionic 2, I want to display the multiple products in single slide,I am able to display the slide but i am getting small dots below the image.How can i remove the dots. Below is my html code:
<ion-row class="brandNameSlideSize">
<ion-slides pager [options]="mySlideOptionsCategory">
<ion-slide *ngFor="let catName of brandName"
(click)="infoBrandItem(catName);">
<img class="imageCat" src={{catName.image}}>
<p>{{catName.name}}</p>
</ion-slide>
</ion-slides>
</ion-row>
Below is my ts file code:
mySlideOptionsCategory = {
slidesPerView: 4
};
this.productServices.getBrandName(function(data){
_this.logger.debug("checking procutName" +data);
_this.brandName = data.data.categories;
})
Set the pager="false"
in your ion-slides
tag. This should solve it.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.