Как отрендерить дочерний маршрут в роутер-выход родительского объекта

Пользовательский интерфейс AngularJS 1.x имеет чрезвычайно гибкую концепцию окон просмотра. Мне они кажутся похожими на названные маршруты, но предлагают гораздо большую гибкость.

Маршруты с viewports не делятся на что-то вроде primary/aux маршрутов. Они просто помещаются в любом месте html с помощью ui-view, и вы можете ссылаться на них по имени окна просмотра из ваших состояний / маршрутов.

Теперь с новым angular 2 router 3 от Виктора Савкина я не могу найти такой гибкости, потому что <router-outlet> напрямую помещается в компонент, поэтому кажется, что он привязан к нему.

Возможно, мой подход слишком похож на ui-router ...

Хотя я знаю об угловом ui-router для ng2, я не хочу его использовать:

Я создал несколько набросков (к сожалению, с опечатками в URL-адресе, но я как-то потерял исходный эскиз ...), чтобы вы лучше понимали, чего я хочу достичь:

Когда я нахожусь в состоянии / url / projects / 1 - это был бы безкомпонентный маршрут с угловым маршрутизатором 3 alpha ... - и нажимаю кнопку открытия проекта, дочерние собрания для этого проекта отображаются в

Я перехожу от одной ошибки к другой, например:

- can not read data annotations of undefined
- can not find primary outled
- can not find any matching route...

Это довольно беспорядок для настройки этого распространенного сценария.

Одна из вещей, которые я пробовал:

  { path: 'projects', component: ProjectsRootComponent, children: [
      { path: '', component: ProjectsListComponent },
      { path: 'create', component: ProjectsCreateComponent },
      { path: ':id', children:[ // componentless route
           { path: 'meetings',  component: MeetingsListComponent},
      ]}
    ]
  },

Я был бы рад любой помощи в этом вопросе, иначе я попробую ui-router, который на первый взгляд предлагает более простую и очевидную концепцию.