Требование, которое я пытаюсь реализовать с помощью Angular2 и нового компонентного маршрутизатора, выглядит следующим образом: страница разделена на 2 раздела. например: (слева, справа) Каждый раздел будет содержать компонент. Каждый компонент имеет свою маршрутизацию и состояния. Есть ли способ сохранить состояния с помощью URL-адреса? Так что я смогу поделиться ссылкой и инициализировать компоненты в их состояниях на основе URL-адреса.
Я использовал дополнительный выход маршрутизатора для представления каждой секции. Как я могу представить оба вспомогательных маршрута с помощью URL-адреса? Или я неправильно понял использование вспомогательных маршрутов?
Пример можно найти по адресу https://github.com/rmchndrng/ng2learnrouter.
Моя конфигурация маршрутизации
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 },
]
}
];
Пример приложения работает по адресу http://ramachandrang.com/ng2learnrouter/#/home.
Следующие работы
http://ramachandrang.com/ng2learnrouter/#/home(left:heroes/list) http://ramachandrang.com/ng2learnrouter/#/home(right:villains/list)
Где, как я ищу что-то вроде следующего, которое сможет представлять оба состояния выхода маршрутизатора.
eg.
http://ramachandrang.com/ng2learnrouter/#/home(слева:герои/список,справа:злодеи/список) http://ramachandrang.com/ng2learnrouter/#/home(слева:герои/список)(справа:злодеи/список) и т. д.
Мои зависимости проекта.
"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"
}
(...)
справа вместо использования(...)
для обоих? - person Günter Zöchbauer   schedule 28.06.2016