親ルート内のボタンがクリックされた場合、子コンポーネントでアクションを実行する方法

Question

私は4番の角度で作業しています。私のアプリケーションには親ルートと子ルートがあります。

親には、私は2つのボタンがあります。「追加」&「削除」。

親ルートで[追加]ボタンをクリックしたときに、子コンポーネントの機能を呼び出す必要があります。私はこれをどのように実装するのか分かりません。

ご協力いただければ幸いです。

Answer 1

テンプレート変数を使用するだけで簡単に使用できます。

// child.component.ts 
@Component({ selector: 'child', template: '...' }) 
export class ChildComponent { 
    public someFunctionToCall() {...} 
} 

// parent.component.html 
<div> 
    <child #childComponentRef></child> 

    <button (click)="childComponentRef.someFunctionToCall()">Add</button> 
</div>