angular - 离子：离子幻灯片-仅出现第一张幻灯片

Question

我正在尝试将离子幻灯片添加到我的应用程序中，但我遇到了一个我不知道如何解决的问题。我简单地将 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>

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

你对此有什么想法吗？

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

Answer 1

我找到了解决我的问题的方法。当我开始开发应用程序时，我将所有元素的溢出属性设置为隐藏。所以我不得不对我的代码进行一些更改。

Answer 2

在 ion-content 中写下你的 ion-clides 代码，否则它不起作用，然后试试这个......