如何从一个子组件访问Angular 4中的另一个子组件

Question

我有一个父组件，里面有两个不同的子组件。 当我单击第一个子组件中的链接时，需要从第一个子组件中调用第二个子组件的函数。

所以这是一个基本的图来更好地解释：

Answer 1

你可以通过ViewChild手段和archieve这Output

例如：

@Component({ 
    template: ' 
    <child-one (clicked)="handleClick()"></child-one> 
    <child-two></child-two> 
    ' 
}) 
export class ParentComponent { 
    @ViewChild(ChildOneComponent) 
    childOne: ChildOneComponent; 

    handleClick(){ 
    this.childOne.doSomething(); 
    } 
} 

在这种情况下， ：

• clicked是ChildOneComponent
• doSomething一个Ouput属性的公共方法

另一种方法仅尤斯Output和可变模板

@Component({ 
     template: ' 
     <child-one (clicked)="childTwo.doSomething()"></child-one> 
     <child-two #childTwo></child-two> 
     ' 
    }) 
    export class ParentComponent { 

    }