如何调用子组件的方法？

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> 

编辑