如何调用子组件的方法？

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>