离子性更改后退按钮图标和文本

Question

使用离子3.9.2

目标：
navbar中使用ios-arrow-back样式的后退按钮，并使用翻译管道“后退”

---

1. 使用setBackButtonText()，可以设置后退按钮文本。
   但是在获取导航栏参考，在视图init之后设置文本的情况下，对每个页面执行此操作都很繁琐。
   在模板中设置后退按钮文本的任何方式都可以像{{ 'back' | translate }}一样设置

---

1. 如何使用其他图标作为后退按钮？

第一次尝试：ion-nav-back-button，提示ion-nav-back-button未知

第二次尝试：

<ion-buttons start>
  <button ion-button>
    <ion-icon name="ios-arrow-back"></ion-icon>
    <p>back</p>
  </button>
</ion-buttons>

但是，即使使用start，该按钮也位于右端，这很奇怪。

游乐场：
ionic playground

希望看到建议，谢谢

Answer 1

尝试一下。在android和ios上运行良好

<ion-buttons left>
    <button ion-button (click)="dismiss()">
      <span ion-text color="primary" showWhen="ios">Back</span>
    </button>
    <button ion-button (click)="dismiss()">
        <ion-icon name="arrow-round-back" showWhen="android,windows"></ion-icon>
      </button>
  </ion-buttons>