如何使用Angular2组件路由器中的url跨路由器出口维护状态?
我尝试使用Angular2和新组件路由器实现的要求如下: 一页分为两部分。例:(左,右)每个部分将包含一个组件。每个组件都有自己的路由和状态。有没有办法使用url来维护状态?因此,我将能够共享链接,并根据url将组件初始化为其状态 我使用了辅助路由器插座来表示每个部分。如何使用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
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个以上的区域/部分。我想这就是辅助路线要解决的问题。