命名路由器插座不工作

Question

我正在尝试使用命名出口。在app.routes中，我有以下路径。

{path：'home'，component：HomeComponent，outlet：'home'}

app.component.html包含

 <router-outlet name="home"></router-outlet>
 <router-outlet></router-outlet>

家庭电源插座从不显示家庭组件。如果我从路由器路径中删除插座名称，则未命名的插座将显示HomeComponent。我正在使用最新的Angular 2.知道为什么命名插座不起作用？

[UPDATE] 这是工作plunkr，你只需要看看app.comoponent.ts。 如果您点击危机中心或Hereos的链接，我希望导航的组件出现在红色命名的出口区域内？

https://plnkr.co/edit/l2Li0sLbbEIRZCppRlvF?p=preview

感谢您的帮助！

Answer 1

Angular 2中的路由器出口定义为<router-outlet>。您还应该在HTML模板中尝试使用引号而不是撇号。

一般情况下，如果您的模板中只有一个插座，最好不要给他们起个名字。

Answer 2

所以问题是我必须像这样将路径属性留空..

{ path: '', component: HomeComponent, outlet: 'home' }