Angular2。为根URL加载非root模块

Question

以下是Anugular关于路由的关注者： https://angular.io/resources/live-examples/router/ts/plnkr.html

他们创建了一些模块并将其中一个（英雄）加载为默认模块。他们采取的方法是，只要您键入site:/heroes，他们就会将您重定向到site:/。因此，每当您访问该网站时，您必须以site:/heroes结束。

我不喜欢那样。怎么仍然可以将我的网址设为site:/，但是从我的某个模块（或那个案例中的英雄）加载一个组件？不想在我的应用模块或路由中引用此组件。

感谢。

Answer 1

您可以在父级和子级上设置空路径，然后加载SomeComponent并且URL仍然有空路径：

{ path: '', children: [
  {  path: '', component: SomeComponent }
]}

这是工作的掠夺者：http://plnkr.co/edit/FpO7pw1GgfARIAltlvb3?p=preview

对app.routing.ts进行了更改

/*{
  path: '',
  redirectTo: '/heroes',
  pathMatch: 'full'
},*/

和heroes也从heroes.routing.ts

中的路径中删除