【问题标题】:Ionic : Ion-slides- Only First Slide appearing离子:离子幻灯片-仅出现第一张幻灯片
【发布时间】:2018-08-17 04:30:30
【问题描述】:

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

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

您对此有什么想法吗?

我没有在此处添加更多代码,因为即使此代码也无法正常工作。 我怀疑问题正在发生,因为我试图在标签页中创建这个元素,所以我试图将此元素添加到另一个页面中,但我仍然有相同的行为。

【问题讨论】:

  • 我已经测试过了,它工作正常。尝试重启项目
  • 您好,我已尝试重新启动、重建,但仍然无法正常工作。我创建了另一个项目,然后它工作了。
  • 好吧:)
  • 但是@Raed,这不是我的解决方案。正因为如此,我的项目发展得太快了,无法为新项目加注星标。
  • 可能是原项目中使用的版本与ionic-slides不兼容,请尝试在两个项目中打开package.json文件并匹配版本,并尝试升级与ionic-相关的旧版本-幻灯片

标签: angular ionic3 ion-slides


【解决方案1】:

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

【讨论】:

    【解决方案2】:

    在 ion-content 中编写您的 ion-clides 代码 或者它不起作用然后尝试this...

    【讨论】:

      猜你喜欢
      • 2017-11-02
      • 1970-01-01
      • 2015-05-12
      • 2018-01-12
      • 1970-01-01
      • 2019-11-18
      • 2018-12-09
      • 2017-06-17
      • 1970-01-01
      相关资源
      最近更新 更多