Pregunta Botones Ionic navbar - lado derecho


Estoy empezando a usar Ionic por primera vez. Actualmente tengo un listview y el botón Atrás aparece cuando se mueve a la lista.

<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>

¿Cómo agrego un botón a la derecha de la pantalla ahora, y solo aparece una vez moviéndome a la lista?


10
2017-08-08 12:48


origen


Respuestas:


Puedes usar <ion-header-bar align-title="right">

Implementación completa (tanto a la izquierda como a la derecha) (desde documentos)

<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>


9
2017-08-08 13:22



Esto es lo que terminé haciendo:

<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>

24
2017-08-08 13:56



<ion-nav-buttons> es lo que estás buscando: enlazar

Esto me llevó mucho tiempo encontrarlo, pero funciona muy bien. Sólo hay que poner side="right" como el atributo.

Sería bueno si esto fuera más aparente en los documentos.


2
2018-04-10 17:23



Preguntas populares