<ion-slides> 或幻灯片,如何在ionic2中隐藏分页



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

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 中的<ion-slides>中删除pager。我想通过代码控制分页的显示状态。当代码this.slides.pager=true执行时,分页仍然无法显示。

//只是您可以从模板传递输入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>

我解决了这个问题,<ion-slides pager={{pager}}>,我在xxx.component.ts文件中控制寻呼机的值真或假。

相关内容

  • 没有找到相关文章

最新更新