Кнопки ионной навигации - правая сторона

Я начинаю использовать Ionic в первый раз. В настоящее время у меня есть listview, и при перемещении в список появляется кнопка "Назад".

<ion-nav-bar class="bar-stable nav-title-slide-ios7">
  <ion-nav-back-button class="button-icon icon  ion-ios7-arrow-back">
    Back
  </ion-nav-back-button>
</ion-nav-bar>

Как добавить кнопку справа от экрана сейчас, также появляется только один раз, перемещаясь в список?

Ответ 1

Вы можете использовать <ion-header-bar align-title="right">

Полная реализация (как слева, так и справа) (от docs):

<ion-header-bar align-title="left" class="bar-positive">
  <div class="buttons">
    <button class="button" ng-click="doSomething()">Left Button</button>
  </div>
  <h1 class="title">Title!</h1>
  <div class="buttons">
    <button class="button">Right Button</button>
  </div>
</ion-header-bar>
<ion-content>
  Some content!
</ion-content>

Забастовкa >

Как указал Гарри, добавление ion-nav-buttons и установка side=right - правильный способ выполнить это.

(Скопировано из ответа @harry)

<ion-nav-bar class="bar-stable nav-title-slide-ios7">
    <ion-nav-back-button class="button-icon icon  ion-ios7-arrow-back">
        Back
    </ion-nav-back-button>
    <ion-nav-buttons side="right">
        <button class="button button-clear button-positive" ng-click="reset()">
            Refresh
        </button>
    </ion-nav-buttons>
</ion-nav-bar>

Ответ 2

Вот что я сделал:

<ion-nav-bar class="bar-stable nav-title-slide-ios7">
    <ion-nav-back-button class="button-icon icon  ion-ios7-arrow-back">
        Back
    </ion-nav-back-button>
    <ion-nav-buttons side="right">
        <button class="button button-clear button-positive" ng-click="reset()">
            Refresh
        </button>
    </ion-nav-buttons>
</ion-nav-bar>

Ответ 3

<ion-nav-buttons> - это то, что вы ищете: ссылка

Это заняло у меня много времени, чтобы найти, но это отлично работает. Просто поместите side="right" в качестве атрибута.

Было бы хорошо, если бы это было более очевидно в документах.