1
votes

Comment naviguer sur la même page en utilisant le routage dans Ionic-4?

Je veux naviguer sur la même page en utilisant le routage dans Ionic 4.

J'ai déjà essayé ce code mais je ne fonctionne pas correctement this.navCtrl.navigateRoot('super');

itemClicked(event) {
this.navCtrl.navigateRoot('super');

  }

J'attends que la page accède à la même page dans Ionic 4

ionic-framework ionic4 angular7-router

0 commentaires

3 Réponses :

0
votes

pour accéder à la page utilisez:

const routes: Routes = [
  { path: 'login', component: LoginPage },
  { path: 'home', component: HomePage },
  { path: 'detail/:id', component: DetailPage },
  { path: '', redirectTo: '/login', pathMatch: 'full'}
];

et vous devez spécifier la route des pages comme ceci

this.navCtrl.navigateRoot('/route');

vous pouvez lire plus de détails ici

5 commentaires

cela ne fonctionne pas correctement. Je veux appeler la même page sur la même fonction sans utiliser ngoninit ().

vous voulez dire que vous voulez recharger la page?

window.location.reload ();

window.location.reload (); rechargera la page actuelle mais je veux qu'elle crée un nouvel objet de page de la même page vers l'avant.

je veux quelque chose comme ça stackoverflow.com/questions/56738568/...

0
votes

pour accéder à la page, utilisez:

this.navCtrl.navigateRoot(['/route',object]);

0 commentaires

0
votes

La meilleure approche serait de définir onSameUrlNavigation , en indiquant à angular de se recharger. Sinon, un hack serait d'utiliser navigateByUrl.

this.router.navigateByUrl(`/super/${id}`);

De cette façon, vous passez un paramètre et le rechargement sera effectué car angular détecte une URL différente et y accède (si la page actuelle n'a pas le même identifiant passé). Ce n'est pas la plus jolie approche dans ce cas cependant. Juste un travail.

0 commentaires