Angular2。为根URL加载非root模块

时间:2016-09-07 03:44:42

标签: angular angular-ui-router

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

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

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

感谢。

1 个答案:

答案 0 :(得分: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

中的路径中删除