角度中相邻组件之间的相互作用答案

【问题标题】：interaction between adjacent components in angular角度中相邻组件之间的相互作用
【发布时间】：2018-05-23 14:53:49
【问题描述】：

大家好，我们可以描述一下如何在 Angular 中相邻组件之间进行交互吗？不是父母/孩子。
例如：我有两个组件（不是父/子，只是邻居）。在第一个组件中，我有函数变化的布尔变量，第二个组件必须知道第一个组件中变量的哪个值，并且根据变量的值，第二个组件中的函数执行不同的代码块。我该如何实施？感谢您的帮助。
1 个组件

 let bool = false;
     function() {
        //something to do
        bool = true;
     }

2 个组件

function() {
    if (bool === true) {
    //something to do
    }
    else {
        something new to do
    }
}

【问题讨论】：

angular.io/guide/component-interaction

标签： angular components

【解决方案1】：

您可以使用模板变量来引用同级组件（指令、元素）

<my-comp1 #first></my-comp>
<my-comp1 (foo)="first.something = $event"></my-comp>

您可以使用共同的父母作为中介，或使用共享服务（在共同的祖先上提供）

【讨论】：