Navegación raíz

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

Contenido del curso

Introducción

Aspectos Básicos

Navegación

Estilos (Theming)

CRUD en Ionic y Firebase

Deployment

Tomar examen

Comentarios

Nathaly Stefani Riaño Bejarano

student•

La Página Raíz (Root) no debe tener botón de regresar ya que es la página desde donde puedes partir y hasta donde puedes llegar.

ionic g page Tercera

app.module.ts
Agregar la página creada (Tercera)

lugar.html
Agregar Botón (click)="navigateToThird()"

lugar.ts
Agregar el método:
navigateToThird() { this.navCtrl.push(TerceraPage) }

Agregar Botón para ir a Home

tercera.html
Agregar Botón (click)="navigateToHome()"

tercera.ts
Agregar el método:
navigateToHome() { this.navCtrl.setRoot(HomePage); }

Diego Diego Cruz

student•

(Y)

Pedro Ramón Sánchez Chacón

student•

Recuerden siempre importar todo lo que vayan a usar.

Esteban Ramos Fernández

student•

this.navCtrl.popToRoot(); seria una alternativa para que setRoot no pise las pages ya instanciadas, así se saca del stack todas las demás pages.

Sergio Correa Lopez

student•

Se debe agregar la siguiente linea en la pagina lugar.ts

import { TerceraPage } from "../tercera/tercera";

Mateo Santiago Zapata Maldonado

student•

Desactualizado, vivo de error en error e investigacion, no esta mal investigar, es la idea, pero es un poco frustrante, porque en el momento de escribir se le daña a uno las cosas jajaja

Maximiliano Fernández

student•

Es muy frutrante, sigues buscando. Si voy bien y no me interrumpen, puede que lo saque. Sino se dan las condiciones, nunca lo entenderé. Y si no aprendo, quién es responsable?

fabian geldres

student•

yo estoy que sigo con IONIC 4 y aprendiendo a la marcha

Juan C Felizzola

student•

Para navegar hacia la raíz usamos:

this.navCtrl.setRoot(HomePage);

“HomePage” = nombre de la página root a navegar.

Santiago Sanchez

company_admin•

Hola, disculpen, tengo una inquietud:

En la aplicación coloco un INPUT y al generar el apk y correrlo en mi celu, pasa que al salir el teclado, también se suben esos tabs…

Alguien sabe cómo puedo solucionar esto ? Gracias.

Carlos Enrique Ramírez Flores

student•

lleva a root y elimina el boton de back que esta en header

setRootToHome(){
		this.navCtrl.setRoot(HomePage);
	}```

Juan Guillermo Perez Cardozo

student•

go(){ this.router.navigateByUrl('/details'); }

Carlos Uriel de Jesus Sánchez González

student•

forma muy interesante

RAUL FRANCISCO NAVARRO SALVO

student•

si tienen problemas al ejecutar este ejercicio y siguieron todos los pasos y no funciona y tienen un mensaje de is not function o dice que no agregaron los componentes al app module, reinicien el servidor, es problema de webpack en windows 10.

Betzabel López

student•

¿Como puedo hacer un listado de redes y conectarme a alguna red de la lista desde la aplicación de ionic5, con angular y capacitor? (lo más importante que no sé cómo hacer es lo de conectarme)

Navegación raíz

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