Ionic 4幻灯片-设置初始幻灯片

时间:2019-05-02 09:38:56

标签: ionic-framework ion-slides

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

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

感谢您提供任何信息。

1 个答案:

答案 0 :(得分:0)

.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/