значок и текст кнопки ионного изменения назад - PullRequest
0 голосов
/ 04 октября 2018

с использованием ионного 3.9.2

Цель:
кнопка возврата в navbar с использованием стиля ios-arrow-back и «назад» с переводной трубой


  1. с помощью setBackButtonText(), удается установить текст кнопки возврата.
    Но это утомительно делать для каждой страницы с получением ссылки на навигационную панель, устанавливать текст после инициализации просмотра.
    Любой способ вернуться назадтекст кнопки в шаблоне, в котором можно установить его как {{ 'back' | translate }}

Как использовать другой значок для кнопки назад?

первая попытка: 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Кнопка находится на правом конце.

Детская площадка:
Ионная площадка

надеюсь увидеть совет, спасибо

1 Ответ

0 голосов
/ 04 октября 2018

Попробуй это.Хорошо работает на 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...