web-dev-qa-db-fra.com

Angular 5 - redirige la page vers la page d'accueil lors de l'actualisation du navigateur

Actuellement, lorsque j'actualise une page d'un itinéraire tel que 

http: // localhost: 4200/feedback

il reste sur le même itinéraire. Mais je veux que la route redirige vers 

http: // localhost: 4200

J'ai vu des gens demander comment mettre en œuvre l'actualisation pour rester sur le même itinéraire. Je suppose donc que l’angle angulaire par défaut devrait être redirigé vers la page d’accueil lors de l’actualisation du navigateur. Toute idée pourquoi mon projet angulaire par défaut fait cela autrement?

Ci-dessous, 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 { }
angulartypescriptangularjs-ng-route
10
simplelenz

Comme l'a mentionné Chris Sharp, votre application fait exactement ce qu'elle devrait faire: vous dirigez vers l'emplacement indiqué par l'URL, car vous ne lui avez pas dit le contraire.

Ce que vous pouvez faire, c’est que dans votre app.component vous pouvez dans OnInit rediriger vers la racine. Cela signifie alors que lorsque l'application est (ré) initialisée, vous êtes redirigé vers la page racine.

export class AppComponent { 
  constructor(private router: Router) {}

  ngOnInit() {
    this.router.navigate([''])
  }
}
29
AJT_82

Routeur d'importation 

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

Initier le routeur dans le constructeur 

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