在父级angular 4的父级中调用函数

Question

我有一个孩子的孩子

我想在父级中调用一个函数

CompA CompB CompC

我的CompC想要在CompA中调用一个函数

我是否必须将输出添加到C中以在B中调用一个函数，然后将输出输出到B中并在A中调用一个函数？

有没有更直接的方法？

Answer 1

同意@chellappan关于创建behaviorsubject和发出事件的评论。 您也可以使用DI来实现。

您可以在Compc中导入CompA并这样调用。

export class ChildComponent implements OnInit {

  constructor(private appc: AppComponent){}

  ngOnInit(){
    this.appc.callfromChild();
  }
}

https://stackblitz.com/edit/angular-bjmxe6

Answer 2

使用forwardRef注入父组件，并从子级调用父f() ，如下所示：

constructor(@Inject(forwardRef(() => ParentComponent)) public _parent: ParentComponent){}

ngOnInit(){
    this._parent.f();
}