Question

Que tal, eh estado jugando un poco con este Framework, me eh enfrentado a esta "cuestión".
En la navegación que ofrece por default Ionic, presenta un ícono que te hace referencia al típico "Back" cuando entras a una ventana y luego a otra(La flecha de 'hacia atrás')

Bueno, yo cree un botón, éste debe de mandar a un template que cree, pero no se como hacer para que se muestre el anterior ícono.

En el archivo de rutas tengo esto:

  .state('item',
          url: '/promo-item',
          templateUrl: "templates/promo-item.html"

        )

De esta manera tengo definido el botón:

   <a class="button icon icon-right ion-chevron-right" ui-sref="item">Enviar</a>

Así se ve:

Al dar click, me manda al template que quiero pero sin el chevron:

Existe la posibilidad de que yo se lo agregue al nav-bar pero la flecha tiene que cambiar dependiendo si es Android o Iphone en su caso, debido a eso no le quiero poner uno estático.

No se si alguien aquí sabe como es la manera correcta de invocar otro template con el ícono de regresar incluído.
De antemano muchas gracias.

Answer 1

Lo que hice fue mejor inclinarme a ponerlo manualmente xD :V.
Esto le coloqué en su HTML:

 <button class="button button-clear"  ui-sref="tab.promoscode" >
     <i class="icon ion-ios-arrow-back"></i>
     Back</button>
     </ion-nav-buttons>

...Y esto en el archivo de rutas:

.state('tab.promoscode',
          url: '/promoscode',
          views:
            'tab-promoscode':
              templateUrl: 'templates/tab-promoscode.html'

Eso está mal, ya que está harcodeado xD ... pero bueno...