子コンポーネントのメソッドを呼び出す

質問

このような子コンポーネントを入れ子にしています。

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

私の appMain コンポーネントは子コンポーネント上のメソッドを呼び出す必要があります。

子コンポーネントのメソッドを呼び出すには？

どのように解決するのですか？

ある要素への参照を取得するには

@ViewChild('childComponent') child;

ここで childComponent はテンプレート変数 <some-elem #childComponent >` または

@ViewChild(ComponentType) child;

ここで ComponentType はコンポーネントやディレクティブのタイプで、次に ngAfterViewInit またはイベントハンドラの呼び出し child.someFunc() .

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

参照 テンプレート内の要素を取得する