Navegación hacia atrás

Clase 17 de 36 • Curso Básico de Ionic 2018

Francisco Manuel Velásquez Escobar

student•

Para botones también pueden usar la directiva navPop

<button ion-button navPop>Go Back</button>

Acá más info:

Juan Manuel Viveros Martinez

student•

me parece mas practico esta opción en caso de asociarla a un botón la otra opción la veo mas practica en caso de que se guarde alguna información devuelva a la vista anterior, gracias por el dato.

Nathaly Stefani Riaño Bejarano

student•

La ventaja es que podemos llamar la vista desde donde sea con el botón.

lugar.html
<button ion-button color="primary" (click)="navigateBack()">Regresar</button>

lugar.ts
Agregar el método navigateBack()
navigateBack() { this.navCtrl.pop(); }

juan camilo castillo saucedo

student•

En ionic 4 , desde el HTML

<ion-toolbar>
  <ion-buttons slot="start">
    <ion-back-button></ion-back-button>
  </ion-buttons>
  <ion-title>Back Button Example</ion-title>
</ion-toolbar>

recurso

Juan Guillermo Perez Cardozo

student•

Carlos Uriel de Jesus Sánchez González

student•

Muy buen metodo

Efraín Girón Romero

student•

 <ion-buttons slot="start">
      <ion-back-button defaultHref="/"></ion-back-button>
    </ion-buttons>

Esto funciona, pero te regresa a donde pones el defaultHref, no es igual a la función para vaciar el stack de navegación

Juan C Felizzola

student•

this.navCtrl.pop(); Para navegar hacia atrás.

Navegación hacia atrás

Introducción

Aprende sobre Ionic con los cursos actualizados

Introducción al Curso de Ionic

Pre-Requisitos para este curso de Ionic

Treasure Hunting GeoCatching

Instalación y overview de Ionic CLI

Preparación de entorno de desarrollo en Mac

Preparación de entorno de desarrollo en Windows

Preparación de entorno de desarrollo en Linux

Aspectos Básicos

Crear una Aplicación

Corriendo Aplicación en el Browser

Estructura de Archivos

Estructura de una vista de Ionic

Navegación

Creando un nuevo page

Navegar a un page

Navegación por Tabs

Parámetros de navegación

Navegación hacia atrás

Navegación raíz

Estilos (Theming)

Introducción a estilos

Colores Personalizados

Alineación y transformación de texto

Padding y Márgenes

CRUD en Ionic y Firebase

Generar proyecto e instalar dependencias

Agregar y configurar AngularFire

Agregar servicio de acceso a datos

Crear una lista con array estático

Crear una vista para agregar records

Agregar la habilidad de ver records

Crear lista dinámica y agregar la habilidad de editar records

Agregar la habilidad de eliminar records

Implementando Login con Facebook

Deployment

Correr aplicaciones en emulador

Correr aplicación en dispositivos Android

Correr aplicación en dispositivos iOS

Publicando nuestra aplicación en Android y iOS stores

Conclusiones del curso