路由到 angular 2 中的非空默认路由

Question

使用新 RC 路由器定义默认路由的一种方法是

@Routes([{ path: '/',  component: Home }])

但是我怎样才能最初显示一个非空路径的页面呢？喜欢

@Routes([{ path: '/home',  component: Home }])

那永远不会显示主页内容，但我想要它。

如何在新的 RC1 路由器中完成此操作？

Answer 1

>=RC.4

{ path: '', redirectTo: '/home', pathMatch: 'full' }
{ path: '/home',  component: Home }

<= RC.2

新路由器尚不支持

useAsDefault。为转发到 /home

的 / 路由创建一个虚拟组件

export class DummyComponent {
  constructor(private router:Router) {
    setTimeout(() => this.router.navigate('/home'));
  }
}

目前也没有选项可以跳过将导航添加到历史记录，这可能会导致后退按钮出现问题。

正在解决路由器问题...

Answer 2

在 rc4 中你可以像这样使用通配符路由 { path: '**', redirectTo: 'link/to/default/route' }

Route to non-empty default route in angular 2