在Ionic 3的頁腳中有多個按鈕

Question

我想在離子3項目的頁腳部分添加兩個按鈕（左和右）。要麼並排或兩排不同。以下是我的代碼。

<ion-footer> 
    <ion-buttons text-start> 
    <button ion-button clear (click)="backPage()">Back</button> 
    </ion-buttons> 
    <ion-buttons text-end> 
    <button ion-button clear (click)="nextPage()">Next</button> 
    </ion-buttons> 
</ion-footer> 

以下是結果

Answer 1

<ion-footer no-border text-center> 
    <ion-toolbar> 
     <ion-buttons left> 
      <button ion-button icon-only clear large (click)="formSlider.slideTo(0)"> 
       <ion-icon name="skip-backward"></ion-icon> 
      </button> 
     </ion-buttons> 
     <ion-buttons right> 
      <button ion-button icon-only clear large (click)="formSlider.slideTo(formSlider.length() - 1)"> 
       <ion-icon name="skip-forward"></ion-icon> 
      </button> 
     </ion-buttons> 
    </ion-toolbar> 
</ion-footer> 

Answer 2

使用<ion-buttons start>或<ion-buttons end>

<ion-footer> 
<ion-toolbar> 
<ion-buttons start> 
    <button ion-button (click)="func1()"> Back 
    </button> 
</ion-buttons> 

<ion-buttons end> 
    <button ion-button (click)="func2()"> Next 
    </button> 
</ion-buttons> 
</ion-toolbar> 
</ion-footer>