У меня проблемы с маршрутами в приложении Angular2, где такая кнопка отлично работает:
<button [routerLink]="['/home/maincomponent']>Click</button>
Но использование того же маршрута в функции не удается - страница, кажется, загружается на долю секунды, затем приложение полностью обновляется и возвращает меня на главную / корневую страницу, но в консоли нет ошибки.
goToComponent() {
this.router.navigate(['/home/maincomponent']);
}
Кроме того, переход к маршруту путем простого ввода пути в браузере загружает компонент без каких-либо ошибок или перенаправлений.
http://localhost:4000/#/home/component
Конфигурация маршрутизатора:
const routes: Routes = [
{
path: 'home',
component: HomeComponent,
children: [{
path: '',
redirectTo: 'dashboard',
pathMatch: 'full'
},
{
path: 'dashboard',
component: DashboardComponent
},
{
path: 'search',
component: SearchComponent
},
{
path: 'maincomponent',
component: MainComponent
},
{
path: '**',
component: DashboardComponent
}]
}
];
Конфигурация @NgModule:
RouterModule.forRoot(routes,
{
useHash: true,
preloadingStrategy: PreloadAllModules
}),