如何将子路由呈现到父父亲

Question

AngularJS 1.x ui-router具有极端灵活的视口概念。他们在我看来喜欢命名的路线，但提供了更多的灵活性。

viewports的路由不会划分为primary/aux路由。它们只是放在带有ui-view的html中的任何位置，你可以通过状态/路径中的视口名称来引用它们。

现在使用viktor savkin的新角度2路由器3，我找不到这种灵活性，因为<router-outlet>直接放在组件上，所以看起来它已经绑定了。

也许我的方法太像ui-router一样......

虽然我知道ng2的角度ui-router我不想用它：

我已经创建了一些草图（遗憾的是，网址中有拼写错误，但我以某种方式丢失了原始草图......）您更了解我想要达到的目标：

当我在state / 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，它提供了一个更容易和更明显的概念。