Delegate: $ionicNavBarDelegate

Если у нас имеется директива ionNavView, мы также можем создать
<ion-nav-bar, который создаст верхнюю строку, которая будет обновляться по мере изменения состояния приложения.

Мы можем добавить кнопку возврата, поместив ionNavBackButton внутрь.

Мы можем добавить кнопки в зависимости от видимого в данный момент представления, используя ionNavButtons.

Имейте в виду, что элемент ion-nav-bar будет работать корректно, если вокруг вашего контента находится ionView.

Применение

<body ng-app="starter">
  
  <ion-nav-bar class="bar-positive">
  </ion-nav-bar>

  
  <ion-nav-view>
    <ion-view>
      <ion-content>Hello!</ion-content>
    </ion-view>
  </ion-nav-view>
</body>

API

Атрибут

Тип

Описание

delegate-handle

(необязательный)

(string)

Метка, используемая для идентификации этой навигационной панели с помощью $ionicNavBarDelegate.

align-title

(необязательный)

(string)

В какую сторону выравнивать заголовок в навигационной панели. Доступно: "слева", "справа", "по центру". По умолчанию задан параметр "по центру".

no-tap-scroll

(необязательный)

(boolean)

По умолчанию при касании навигационной панели контент прокрутится на самое начало. Установите параметр "true" для no-tap-scroll, чтобы отключить такое поведение.