如何修改 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