【问题标题】:Ionic 4 Slides - Set An Initial SlideIonic 4 幻灯片 - 设置初始幻灯片
【发布时间】:2019-09-20 19:22:43
【问题描述】:

是否可以选择一张幻灯片作为初始幻灯片进行显示?我有一系列要在 Ionic 幻灯片中显示的项目,我想根据偏好“预选”(= 将焦点放在幻灯片上)但保持顺序。

我已经阅读了 Ionic 文档,但我可能遗漏了一些东西。到目前为止,看起来我需要在页面的构造函数中使用slideTo 函数,但我正在寻找一个可以直接在 html 模板中使用的指令。

感谢您提供任何信息。

【问题讨论】:

    标签: ionic-framework ion-slides


    【解决方案1】:

    .html

     <ion-slides pager="true" [options]="slideOpts">
          <ion-slide>
            <h1>Slide 1</h1>
          </ion-slide>
          <ion-slide>
            <h1>Slide 2</h1>
          </ion-slide>
          <ion-slide>
            <h1>Slide 3</h1>
          </ion-slide>
        </ion-slides>
    

    .ts

     slideOpts = {
        initialSlide: 2,
        speed: 400
      };
    

    所有选项都在这里http://idangero.us/swiper/api/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-04-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多