angular 2 触发在路由器模块外部打开的模态

Question

我想通过单击路由器插座内组件模板中的按钮来触发路由器插座外组件模板中 div 的隐藏/显示：

应用组件

`<div class="content col-md-10 container-fluid">   
    <company-add-form></company-add-form>
    <router-outlet></router-outlet>
</div>`

公司添加表单组件

`<div>
    <p>Make me showwwww</p>
    <button class="btn">Close</button>
</div>`

公司页面组件（将在路由器出口中呈现）

`<div>
    <button class="btn">Open company add form</button>
</div>`

想法

• 通常存在相当一致的父子关系，但由于路由器出口位于两者之间，因此您不能只使用 ViewChild。

Answer 1

不能绑定路由器添加的组件。

您应该使用共享服务@angular/injectable 查看component communication，例如@angular cookbook。