Angular 5-перенаправление страницы на главную страницу при обновлении браузера
В настоящее время, когда я обновляю страницу с маршрута, как
Он остается на том же маршруте. Но я хочу перенаправить маршрут на
Я видел, что люди спрашивали, как реализовать обновление, чтобы остаться на том же маршруте. Поэтому, я думаю, угловой по умолчанию должен перенаправляться на домашнюю страницу при обновлении браузера. Любая идея, почему мой проект angular default делает это иначе?
ниже мой 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 { }
2 ответов
как упоминалось Крисом Шарпом, ваше приложение делает именно то, что должно делать, маршрутизируя в место, на которое указывает url, поскольку вы не сказали ему иначе.
что вы можете сделать, это в ваш app.component
вы можете OnInit
перенаправление в root. Это означает, что при инициализации приложения (re) вы перенаправляетесь на корневую страницу.
export class AppComponent {
constructor(private router: Router) {}
ngOnInit() {
this.router.navigate([''])
}
}
Импорт Маршрутизатор
import { Router } from '@angular/router';
инициировать маршрутизатор в конструкторе
export class LoginComponent implements OnInit {
constructor(private router:Router) {}
loginCheck() {
/*Your HTTP REQUEST HERE */
this.router.navigate(['/*Your Path Here*/'])
}
}