イオン2：イオンスライドの1つの項目にいくつかの結果を結合します

Question

this issueに別の同様の問題がありますが、大文字と小文字が異なります。私はイオンスライドで3つの結果を表示する必要があります、iDangero Swipperは実際に私の問題を解決しますが、私はイオンスライドがthisのようなこともできると信じています。次のコードを確認してください。

home.ts：

books: Array<any>; 

getBookDB(event, key) { 
      this._httpService.getBook().subscribe(
       data => { 
        this.books = data = data.results; 
        console.log(data); 
       }, 
       err => { 
        console.log(err); 
       } 
      ); 
} 

itemTapped(event, book){ 
    this.navCtrl.push(DetailPage, { 
     book: book 
    }); 
} 

サービスプロバイダ：

apikey: string = "XXX"; 

    getBook() { 
    var url = 'http://localhost:9000/findAll/BookApis/' + this.apikey; 
    var response = this._http.get(url).map(res => res.json()); 
    return response; 
    } 

と私のイオンスライド：

<ion-slides> 
    <ion-slide *ngFor="let book of books; let i = index" (click)="itemTapped($event, book)"> 
    <ion-thumbnail item-left> 
    <img src="{{book.imgUrl}}"> 
    </ion-thumbnail> 
    <h2>{{book.title}}</h2> 
    <h3>{{book.author}}</h3> 
    <p>{{book.category}}</p> 
    <button ion-button clear item-right>View</button> 
    </ion-slide> 
</ion-slides> 

Answer 1

this documentに、あなたはあなたのスライドにプロパティslidesPerViewを結合することができ

slidesPerView - number - スライド1ビュー。スライドは同時に表示されます。 デフォルト：.TS 1.

<ion-slides [slidesPerView]="spv"> 
    // slide 
</ion-slides> 

が

spv = 3;