angularjs - 如何将子路由渲染到父级父级的路由器插座中

Question

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

与 的路线viewports不分为primary/aux路线之类的东西。它们只是放在带有 ui-view 的 html 中的任何位置，您可以通过状态/路线中的视口名称引用它们。

现在有了 viktor savkin 的新 angular 2 router 3，我找不到那种灵活性，因为它<router-outlet>是直接放在组件上的，所以它似乎与它绑定。

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

虽然我知道 ng2 的 angular 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，它一见钟情就提供了一个更简单、更明显的概念。