【问题标题】:<ion-slides> or Slides,how can I hide pagination in ionic2<ion-slides> 或幻灯片,如何在 ionic2 中隐藏分页
【发布时间】:2017-02-15 13:58:32
【问题描述】:

好吧,我想隐藏分页。如下所示。

constructor(public mainService: MainService) {

        mainService.getData().subscribe(datas => {

            if (datas.length >= 2) {
                this.slides.pager = true;
            } else {
                this.slides.pager = false;
            }

            this.handleData(datas);
        });
}

我从html中的&lt;ion-slides&gt;中删除了pager。我想通过代码控制分页的显示状态。当代码this.slides.pager=true执行时,分页仍然无法显示。

【问题讨论】:

  • 您说您的分页仍然无法显示。那么你想隐藏什么?
  • 当datas.length

标签: ionic2 ion-slides


【解决方案1】:

// 只是你可以从模板传递输入pager。

<ion-slides [pager]="slides?.pager = true"> // OR <ion-slides [pager]="datas?.length >= 2">

  <ion-slide style="background-color: green">
    <h2>Slide 1</h2>
  </ion-slide>

  <ion-slide style="background-color: blue">
    <h2>Slide 2</h2>
  </ion-slide>

</ion-slides>

【讨论】:

    【解决方案2】:

    我解决了这个问题,&lt;ion-slides pager={{pager}}&gt;,我在 xxx.component.ts 文件中控制 pager 的值 true 或 false。

    【讨论】:

      猜你喜欢
      • 2023-03-05
      • 2020-08-19
      • 1970-01-01
      • 2019-08-29
      • 2019-12-29
      • 2020-03-05
      • 1970-01-01
      • 1970-01-01
      • 2021-06-18
      相关资源
      最近更新 更多