2016-12-28 18 views
1

Как создать ползунок к набору изображений, исходящих из моего json. или есть ли способ сделать corosal в ионном 2 что-то похожее на = (http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_carousel&stacked=h)
Спасибо.Ионный 2: Как сделать ионный динамик 2 слайдера

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

ответ

2

Ya, что тростниковый сделать

HTML файл

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

машинописный файл

В конструкторе использовать так, чтобы служба для получения данных с сервера присваивала значение переменной projectimages.

+1

ya спасибо, что это сработало: D – inoxe

+1

ваш прием :) – ionx

1

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" 
     } 
     ] 
}; 
} 
Смежные вопросы