javascript - 调用子组件的方法

Question

我有一个这样的嵌套子组件:

<app-main>
    <child-component />
</app-main>

我的 appMain 组件需要在子组件上调用一个方法。

如何调用子组件的方法？

Answer 1

您可以使用以下方法获取对元素的引用

@ViewChild('childComponent') child;

哪里childComponent是一个模板变量 <some-elem #childComponent >` 或

@ViewChild(ComponentType) child;

哪里ComponentType是组件或指令的类型，然后在 ngAfterViewInit 中或事件处理程序调用 child.someFunc() .

ngAfterViewInit() {
  console.log(this.child);
}

另见 get hold of an element in the template