Wie ruft man eine Methode einer Kindkomponente auf?

Question

Ich habe dieses Problem gelöst, indem ich bei jedem Klick ein eindeutiges Datum übergeben habe. Aber gibt es einen guten Weg, es ohne ein Datum zu tun?

@Component({ 
    selector: 'child' 
}) 
export class ChildComponent { 
    @Input() 
    public set onClick(value: Date) { 
    if (value) { 
     doSomething(); 
    } 
    } 
} 

Und in Vorlage parent:

<child [onClick]="timestamp"></child> 
<button (click)="timestamp= new Date"></button> 

Answer 1

für Kinder Komponente eine Referenz erstellen #child. Sie müssen keine Eingabeeigenschaft erstellen, um nur eine Methode aufzurufen.

<child #child></child> 
<button (click)="child.doSomething()"></button> 

Answer 2

Definieren Sie eine Variable in der Ansicht wie dieser

<child #childComp></child> 
<button (click)="childComp.onClick()"></button> 

Herausgegeben