Ionic 2スライダを複数の行（グリッドタイプ4x4,16ページ）に変更するにはどうすればよいですか？

Question

Ionic2スライダーを使用しています。そのコンポーネントはhttp://ionicframework.com/docs/v2/api/components/slides/Slides/です。 スライダを複数の行に表示する方法、スライドごとに4x4 = 16個のアイテムを表示する方法はわかりません。

これは私のコードです。実際のページで生成されたhtmlコードは異なって見えます。

  <ion-slides pager slidesPerView="16" spaceBetween="20"> 
       <ion-slide style="background-color: green"> 
        <h2>Slide 1</h2> 
       </ion-slide> 
       <ion-slide style="background-color: blue"> 
        <h2>Slide 2</h2> 
       </ion-slide> 
       <ion-slide style="background-color: red"> 
        <h2>Slide 3</h2> 
       </ion-slide> 
       <ion-slide style="background-color: green"> 
        <h2>Slide 1</h2> 
       </ion-slide> 
       <ion-slide style="background-color: blue"> 
        <h2>Slide 2</h2> 
       </ion-slide> 
       <ion-slide style="background-color: red"> 
        <h2>Slide 3</h2> 
       </ion-slide> 
      </ion-slides> 

Answer 1

各スライドにイオングリッドComponentsをネストしてみてください。 ここにはAPI docs for the grid