Navegación raíz

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

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)