Angulaire 5 - page de redirection vers la page d'accueil sur actualiser de votre navigateur

Actuellement, lorsque j'actualise une page à partir d'une route comme

http://localhost:4200/feedback

elle reste sur la même route. Mais je tiens la route pour rediriger vers

http://localhost:4200

J'ai vu des gens ont demandé comment mettre en œuvre l'actualisation de rester sur la même route. Donc, je suppose, le défaut angulaire doit rediriger vers la page d'accueil sur actualiser de votre navigateur. Une idée de pourquoi mon angulaire de projet par défaut n'est ce pas?

Ci-dessous est mon AppRoutingModule

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { SmileyFeedbackComponent } from '../smiley-feedback/smiley-feedback.component';
import { FeedbackFormComponent } from '../feedback-form/feedback-form.component';
import { ThankYouComponent } from '../thank-you/thank-you.component';

const routes: Routes = [
  { path: '', redirectTo: '/smiley', pathMatch: 'full' },
  { path: 'smiley', component: SmileyFeedbackComponent },
  { path: 'feedback', component: FeedbackFormComponent },
  { path: 'thank-you', component: ThankYouComponent }
];

@NgModule({
  imports: [
    RouterModule.forRoot(routes)
  ],
  exports: [ RouterModule ],
  declarations: []
})
export class AppRoutingModule { }

Le routeur est en train de faire ce que votre itinéraire est ce qui lui dit de faire. Si vous souhaitez revenir à la racine puis vous avez besoin de rediriger. Et si vous faites cela, alors comment allez-vous frapper la route pour feedback ?
en fait, je n'ai besoin de personne pour frapper un itinéraire en tapant dans le navigateur l'url. Ci-dessous le code par AJT_82 fait le tour. Je suis un newbie angulaire. Pouvez-vous me dire la différence de la RouterModule et le Routeur? Ce que j'ai compris, c'est RouterModule est comme un constructeur pour un Routeur et quelles que soient les manipulations que je dois faire avec le routage, j'ai utiliser le Routeur. Est-ce correct?

InformationsquelleAutor simplelenz | 2017-11-11

35

Comme mentionné par Chris Sharp, votre application est en train de faire exactement ce qu'il doit faire, le routage à l'endroit que l'url pointe vers, puisque vous n'avez pas dit le contraire.

Ce que vous pouvez faire, c'est que dans votre app.component vous pouvez en OnInit rediriger vers la racine. Ensuite, cela signifie que lorsque l'application est (re)initialisé, vous êtes redirigé vers la page racine.
```
export class AppComponent { 
  constructor(private router: Router) {}

  ngOnInit() {
    this.router.navigate([''])
  }
}
```
- Les travaux de cette. Merci. Pourriez-vous me dire brièvement la différence de la RouterModule et le Routeur?
- Eh bien, avec RouterModule vous fournir de routage de votre application, et avec Routeur vous faire le routage 🙂
- Ici AppComponent est le composant racine, dont le fichier html contient <router-outlet> où la routé composant est rendu. AppComponent's ngOnInit() méthode n'est appelée de nouveau depuis sa pas créé de nouveau.
InformationsquelleAutor AJT_82

Importation Routeur

import { Router } from '@angular/router';

Initier Routeur dans le Constructeur

export class LoginComponent implements OnInit {
 constructor(private router:Router) {}
  loginCheck() {
    /*Your HTTP REQUEST HERE */
    this.router.navigate(['/*Your Path Here*/']) 
  }
}

InformationsquelleAutor Anandan K

Vous devez vous connecter pour publier un commentaire.