如何調用子組件的方法？

Question

我通過每次點擊傳遞一個唯一的日期來解決這個問題。 但是沒有一個好的方法可以沒有約會嗎？

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

而且在父模板：

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

Answer 1

創建子組件#child參考。無需創建僅用於調用方法的輸入屬性。

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

Answer 2

定義一個變量，在視圖中這樣

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

編輯