离子2：如何使离子2滑块动态

Question

如何创建一个滑块来自我的JSON来的一组图像。 或有什么办法使离子2 corosal类似于=（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" 
     } 
     ] 
}; 
}