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

Question

我有一个孩子的孩子

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

CompA       康宝             CompC

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

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

还有更直接的方法吗？

Answer 1

同意@chellappan关于创建行为主体和发出事件的评论。您也可以使用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();
}