Comment appeler la fonction de la composante enfant du composant parent

Utilisez le décorateur de visionné. https://alligator.io/angulaire/viewchild-access-component/# composants enfants c'est simple;)

Utilisation de @viewchild code> décorateur pour accéder à votre Composant enfant.

import { ChildComponent } './child.component'
import { ViewChild } from '@angular/core';

export class ParentComponent {

  @ViewChild(ChildComponent)
  childComponent: ChildComponent;

  someMethod() {
     this.childComponent.someFunction();
  }
}

S'il s'agit de votre modèle de parent:

<button (click)="child.someFunction()">Click</button>
<div>
  <child-component #child></child-component>
</div>

Comme les autres disent, vous pouvez utiliser @viewchild. Mais remarquez que cette façon, vous appellerez la fonction sur le premier enfant de ce type fort>. Si vous avez un composant enfant comme celui-ci: xxx pré>

et un composant parent comme ceci: p> xxx pré>

référencé par p>

    @ViewChild('id1') child1 : MyChildComponentComponent;


   printChild() {
      this.child1.print();
    }