如何使用离子2在幻灯片中显示多个对象?

时间:2017-03-24 12:37:29

标签: angular ionic2

我是离子2的新手,我想在单张幻灯片中显示多个产品,我能够显示幻灯片,但我在图像下方得到小点。如何删除点。 以下是我的HTML代码:

<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>

以下是我的ts文件代码:

mySlideOptionsCategory = {
slidesPerView: 4
 };
this.productServices.getBrandName(function(data){
 _this.logger.debug("checking procutName" +data);
 _this.brandName = data.data.categories;
 })

1 个答案:

答案 0 :(得分:0)

pager="false"标记中设置ion-slides。这应该解决它。