Angular 4多个路由器插座一个组件用于交互

Question

我想在我的根组件中创建一个路由器插座，以显示“控制条”，如交互栏，此控制条与最深层次的当前组件的交互已激活。

期望结果的示意图表示：

绿色广场是最深的儿童路线，这是我对页面的关注所在。可以在绿色方块内执行某些操作。绿色方块还应该决定粉红色在线必须包含的内容。

如何以最佳方式解决此问题？ （请记住，各部门之间存在一种互动形式）

@Component({
    selector: 'componentname',
    templateUrl: 'app/components/componentname.component.html'
})
export class ComponentNameComponent {
    constructor(){ }
}

可能的回退：我想到了解决这个问题的其他方法，一个是将控制条内容包装在div中，我可以移动到紫色div。