Привет, пытаюсь сделать роутинги в модалках mdDialog,
есть 4 компонента.
Первый - это основная страница, где есть кнопка, по которой кликаешь и открывается модалка.
Второй - это сама модалка, в ней прописано "router-outlet".
Третий - это модалка, где есть кнопки "watch photo", по которой нажимаешь должно появляться четвертый компонент с фотками.
Проблема здесь - что вместо "router-outlet" не появляется содержимое модалки.
Здесь планкер:
https://plnkr.co/edit/F5wkNVGdKb5jOfqcVwr3?p=preview
Это основная страница с кнопками:
<button md-raised-button (click)="openDialog()">Pick one</button>
Когда нажимаешь на неё, открывается эта модалка:
<router-outlet></router-outlet>
Но вместо нее в оутлет должно вставляться следущее:
<button md-button routerLink="/photos" tabindex="2">Watch Photos</button>
<button md-button (click)="onNoClick()" tabindex="-1">No Thanks</button>
Роутинги прописываю так:
const appRoutes: Routes = [
{
path: 'router-outlet-dialog,
component: router-outlet-dialog, //Первая модалка с "router-outlet"
children: [
{
path: 'photos',
component: DialogPhotos,
},
{
path: '',
component: DialogOver // => Модалка с кнопкой "whatch photos"
}
]
}
];
Первая модалка с "router-outlet" - это родитель, в ней дети - path:'' - это модалка которая должна встать на её место, но чет не хочет )) Надеюсь нормально объяснил.
Как я понимаю, когда открываешь модалку, открывается "router-outlet" и ребенок у ней это компонент с путем - path:' ' , но как вы уже поняли у меня ничего не выходит ))
