angular - proyecto - ionic 4 tutorial español

¿Cómo usar el enrutador angular 4 en un proyecto Ionic 3?

Question

Estoy desarrollando una aplicación híbrida. Con el enrutador de navegación iónico es fácil navegar entre páginas pero no usa la "ruta URL" de los navegadores.

Vi que podemos especificar en el Módulo iónico nuestros enlaces. Utilizándolo cada vez que navegue en algún lugar, puede especificar la ruta asociada e iónico lo cambiará en su navegador. PERO usando eso, si actualiza su navegador la aplicación se pierde y tiene que volver a la página de inicio.

Pensé que podría ser posible simplemente usar el enrutador angular, pero ¿cómo en el 3 iónico?

Gracias

Answer 1

En primer lugar, hace referencia a v3 iónica nativa en su comentario. Sin embargo, iónico nativo e iónico no son lo mismo. Ionic v3 no se lanzó oficialmente cuando hizo su pregunta, por lo tanto, a menos que haya utilizado la versión beta, asumo que todavía usa v2.

No necesita un enrutador angular para rutas de URL. En Ionic v2, puedes hacerlo así:

app.module.ts

export const deepLinkConfig: DeepLinkConfig = {
  links: [
    { component: Home, name: "home", segment: ""},
    { component: DetailPage, name: "detail", segment: "event/:id", defaultHistory: [Home] }
  ]
};

Y luego incluirlo en sus importaciones:

IonicModule.forRoot(MyApp, {}, deepLinkConfig)

Ahora puede acceder a las páginas de su aplicación visitando https://example.com/ o https://example.com/event/1 . Al volver a cargar el sitio web, el parámetro defaultHistory se asegura de que todavía tenga la barra de navegación para navegar de nuevo a la página anterior.

En iónico v3, puede usar la anotación IonicPage para configurar sus rutas: https://ionicframework.com/docs/nightly/api/navigation/IonicPage/