2017-02-15 39 views
1

好吧,我想隱藏分頁。就像下面。<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); 
     }); 
} 

我從<ion-slides>刪除pager在html.I要由code.And當代碼this.slides.pager=true執行控制分頁的顯示狀態,分頁仍然無法顯示。

+0

你說你的分頁仍然無法顯示。那麼你想隱瞞什麼? – Huiting

+0

當datas.length <2時,我想隱藏分頁。但是this.slides.pager = false無法正常工作。 – David

回答

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> 
+0

是的,你說的對,謝謝。 – David

+0

它工作正常 – mayur

0

我解決這個問題,<ion-slides pager={{pager}}>,我控逆變尋呼機的值true或xxx.component.ts檔案造假。