好吧,我想隐藏分页。如下所示。
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文件中控制寻呼机的值真或假。