簡體   English   中英

如何使用ionic 2在幻燈片中顯示多個對象?

[英]How to display the multiple objects in slide using ionic 2?

我是離子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;
 })

在您的ion-slides標簽中設置pager="false" 這應該解決。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM