angular - 导航到根路由 "/"

标签 angular typescript angular2-routing

我正在尝试从子路线导航到主路线,但没有任何反应。

即当前路线是/projects

this.router.navigate(['/'])routerLink="/" 都不起作用。

我的 routerConfig 看起来像这样

const routes: Routes = [
 {
   path: '',
   component: HomeComponent
 },
 {
   path: '/projects',
   component: ProjectsComponent
 }
]

我该怎么做?

最佳答案

尝试将 redirectTo 路由添加到您的路由配置中:

const routes: Routes = [
    { path: '', redirectTo: 'home', pathMatch: 'full' },
    { path: 'home', component: HomeComponent },
    { path: 'projects', component: ProjectsComponent }
];

关于angular - 导航到根路由 "/",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40790307/

相关文章:

unit-testing - Angular 2 单元测试 : Can't resolve all parameters for Router

Angular 2 空组件路由

angular - 无法注入(inject) ActivatedRouteSnapshot

angular - ngrx reducer 在发送 Action 后不触发

Typescript - keyof 对象为 'OR strings option'

javascript - Rxjs ReplaySubject 在发出之前用 'null' 值初始化 - Angular 7

javascript - 使用 create-react-app 通过 JEST 运行测试时不显示 TypeScript 错误

TypeScript 不强制接口(interface)

javascript - 如何使用 jsonp 请求获取 json

Angular 6 - 将 Bing map 添加到 Leaflet map