只有图像的离子角度内容并变成滑块

时间:2018-04-10 03:36:30

标签: angular ionic-framework

我正在从WordPress中获取数据,其内容中只包含图像。它显示了所有图像,但我如何将其变成滑块?

<ion-content padding>
 <div *ngIf="selectedItem" class="selection">

    <h2 [innerHTML]="selectedItem.title.rendered"></h2>

    <div *ngIf="content" [innerHTML]="content"></div>
 </div>
</ion-content>

内容包含所有图片。我正在考虑离子载玻片。

1 个答案:

答案 0 :(得分:0)

是的,使用ion-slides我在我的一个应用程序中实现了这个。 试试这段代码。

<ion-grid>
  <ion-row>
    <ion-slides *ngIf="content">
      <ion-slide *ngFor="let item of content">
        <ion-card no-padding>
          <img [src]="item.imageName"> // use your image property instead imageName or if you directly receive image in item use item
        </ion-card>
      </ion-slide>
    </ion-slides>
  </ion-row>
</ion-grid>