离子:离子滑动 - 只出现第一张幻灯片

时间:2018-03-08 17:58:08

标签: angular ionic3 ion-slides

我正在尝试将离子幻灯片添加到我的应用中,但我遇到了一个问题,我不知道如何解决它。 我简单地将离子幻灯片示例添加到我的页面中:

<ion-slides>
  <ion-slide>
    <h1>Test</h1>
  </ion-slide>
  <ion-slide>
    <h1>Test2</h1>
  </ion-slide>
  <ion-slide>
    <h1>Test3</h1>
  </ion-slide>
</ion-slides>

即使有这个简单的例子,该组件只显示第一张幻灯片。当我尝试滑动到下一个时,它会显示一张空白幻灯片,即使可以检查此元素及其内容。

你对此有什么想法吗?

我没有在这里添加更多代码,因为即使这段代码也没有用。 我怀疑问题发生了,因为我试图在Tab页面中创建这个元素,所以我试图将这个元素添加到另一个页面,但我仍然有相同的行为。

2 个答案:

答案 0 :(得分:0)

我找到了解决问题的方法。 当我开始开发应用程序时,我将overflow属性设置为所有Elements的hiddden。所以我不得不在我的代码中进行一些更改。

答案 1 :(得分:0)

将离子克隆代码写入离子内容中 或者它不起作用然后尝试this ...