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>

typescript文件

构造函数中的

使用一个服务来从服务器获取数据，然后将值赋给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"
         }
      ]
};
}

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

2 个答案: