如何配置路由器，以便将组件添加到内部或改为添加?

Question

Angular 2-4 默认情况下，路由器在路由器出口标记后添加组件。 如何配置路由器，以便将组件添加到内部或改为添加？

<router-outlet></router-outlet>
<inserted-component></inserted-component>

Answer 1

没有设置，您可能可以使用自己的实现来扩展RouterOutlet指令，但这将是很多繁琐的工作，以获得一点收益。

但是，您也可以创建自己的"出口"，例如：

@Component({
selector: 'my-router-outlet',
template: `<router-outlet></router-outlet>`
})
export class MyRouterOutlet {} 

现在，视图已插入到my-router-outlet标记中。这可能会解决您遇到的问题