<ion-slides>或幻灯片，我怎样才能在ionic2中隐藏分页

Question

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

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中的pager删除了<ion-slides>。我希望通过代码控制分页显示状态。当代码this.slides.pager=true执行时，分页仍然可以＆＃ 39; t show。

Answer 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>

Answer 2

我解决了这个问题，<ion-slides pager={{pager}}>，我在xxx.component.ts文件中将控制器的值设置为true或false。