Javascript-форум - angular2 роутинги в mdDialogs

Привет, пытаюсь сделать роутинги в модалках 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:' ' , но как вы уже поняли у меня ничего не выходит ))