ionic-framework - 离子更改返回按钮图标和文本

Question

使用离子 3.9.2

目标：使用样式
的后退按钮和带有翻译管道的“后退”navbarios-arrow-back

---

1. ，setBackButtonText()设法设置后退按钮文本。
   但是，通过获取导航栏的引用，在视图初始化后设置文本，为每个页面执行此操作是很乏味的。
   任何在模板中设置后退按钮文本的方法，可以将其设置为{{ 'back' | translate }}

---

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

第一次尝试：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-frameworkionic3

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>