在另一个组件的路由器插座中使用@Input显示组件

时间:2016-10-18 18:58:25

标签: angular angular2-routing angular2-directives

我想知道你们是否知道如何在路由器插座中显示带有@Input指令的组件。

我有几个接受@Inputs的组件,我想在一个组件中动态显示这些组件。我想将这个组件容器设计得尽可能抽象,以便将来可以重用和扩展。

我试图实现类似

的目标

big-container.component有

<router-outlet name='container1'></router-outlet>

其中包含

的container1.component的链接
<container1 [settings]=mySettings></container1>

我想让container1.component显示在带有[settings]的big-container.component路由器插座中。

谢谢!

1 个答案:

答案 0 :(得分:1)

正如此POST所述,目前无法实现。

这是Github上的linked issue

  

使用共享服务与路由器添加的组件进行通信。有关详细信息,请参阅https://angular.io/docs/ts/latest/cookbook/component-communication.html