イオン2：イオン2スライダーをダイナミックにする方法

Question

私のjsonからの一連の画像にスライダーを作成する方法。 またはイオン2に腐食性のあるものを作る方法はありますか？（http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_carousel&stacked=h）
ありがとうございます。

<ion-slides> 
     <ion-slide *ngFor="#test of tests" > 
      <img src = "test.img"> 
     </ion-slide> 
    </ion-slides> 

Answer 1

雅

HTMLファイル

<ion-slides> 
     <ion-slide *ngFor = ' let galleryimg of projectimages ' > 
      <img src="url" > 
     </ion-slide> 
    </ion-slides> 

タイスクリプトファイル

コンストラクタでは、サーバーからデータを取得してprojectimages変数に値を代入するサービスを使用します。

Answer 2

Template

<ion-slides [options]="data?.IonSlideOptions"> 
     <ion-slide *ngFor="let slide of data?.Slides"> 
      <img [src]="slide.image"> 
     </ion-slide> 
</ion-slides> 

杖が行われること

Component

import { Component } from '@angular/core'; 
import { Slides } from 'ionic-angular'; 

@Component({ 
    templateUrl: 'my-page.html' 
}) 
class MyPage { 
    data = { 
     "IonSlideOptions":{ 
     "pager":true, 
     "direction":"vertical" /*Swipe direction: 'horizontal'or vertical'.*/ 
     }, 
     "Slides":[ 
     { 
      "image":"http://www.realkidshades.com/wp-content/uploads/2015/10/bigstock-Kids-Posing-Over-White-72232852.jpg" 
     }, 
     { 
      "image":"https://mir-s3-cdn-cf.behance.net/project_modules/fs/527c3940185015.57751b209b12e.gif" 
     } 
     ] 
}; 
}