如何使用Angular2组件路由器中的url跨路由器出口维护状态?

如何使用Angular2组件路由器中的url跨路由器出口维护状态?,angular,angular2-routing,angular-component-router,Angular,Angular2 Routing,Angular Component Router,我尝试使用Angular2和新组件路由器实现的要求如下: 一页分为两部分。例:(左,右)每个部分将包含一个组件。每个组件都有自己的路由和状态。有没有办法使用url来维护状态?因此,我将能够共享链接,并根据url将组件初始化为其状态 我使用了辅助路由器插座来表示每个部分。如何使用url表示这两个辅助路由?还是我误解了辅助路线的用法 有关示例,请访问 我的路由配置 export const routes: RouterConfig = [ { path: '',redir

我尝试使用Angular2和新组件路由器实现的要求如下: 一页分为两部分。例:(左,右)每个部分将包含一个组件。每个组件都有自己的路由和状态。有没有办法使用url来维护状态?因此,我将能够共享链接,并根据url将组件初始化为其状态

我使用了辅助路由器插座来表示每个部分。如何使用url表示这两个辅助路由?还是我误解了辅助路线的用法

有关示例,请访问

我的路由配置

export const routes: RouterConfig = [
      {
        path: '',redirectTo: '/home', terminal: true
      },
      { path: 'home', component: HomeComponent },
      {
        path: 'heroes', component: HeroesComponent, outlet: 'left',
        children: [      
          { path: 'list', component: HeroesListComponent },
          { path: 'view/:id', component: HeroViewComponent },
        ]
      },
      {
        path: 'villains', component: VillainsComponent, outlet: 'right',
        children: [
          { path: 'list', component: VillainsListComponent },
          { path: 'view/:id', component: VillainViewComponent },
        ]
      }
    ];
示例应用程序正在运行

以下作品

在这里,我正在寻找类似以下的东西,它将能够代表路由器出口状态

例如

等等

我的项目依赖关系

  "dependencies": {
    "@angular/common": "2.0.0-rc.3",
    "@angular/compiler": "2.0.0-rc.3",
    "@angular/core": "2.0.0-rc.3",
    "@angular/forms": "0.1.1",
    "@angular/http": "2.0.0-rc.3",
    "@angular/platform-browser": "2.0.0-rc.3",
    "@angular/platform-browser-dynamic": "2.0.0-rc.3",
    "@angular/router": "3.0.0-alpha.7",
    "es6-shim": "0.35.1",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.26",
    "zone.js": "0.6.12"
  }

我能够通过将多个辅助路由器出口路由添加为段来表示url上的多个辅助路由器出口路由

例如。

但我仍然在一个出口的导航方面遇到问题,无法保持另一个出口的状态


由于新路由器仍在alpha中,正在等待发布候选版本。

在从列表中加载admin comp后,全屏运行此plunk并查看地址栏。这将使您了解如何形成URL,但我看不到正在使用多个路由器出口。。。。错误在defult outlet中,admin在admin outlet为什么不在左侧使用普通URL部分,在右侧使用
(…)
部分,而不是在这两个部分都使用
(…)
。@GünterZöchbauer这只是一个例子。在实际实现中,我希望使用2个以上的区域/部分。我想这就是辅助路线要解决的问题。