如何调用子组件的方法?

时间:2017-06-19 14:55:03

标签: angular typescript

我通过在每次点击时传递唯一日期来解决此问题。 但如果没有约会,有没有一个好方法呢?

IF modules MOD1,MOD2... are not loaded
THEN module load modules MOD, MOD2 ...
DO_MY_STUFF

在父模板中:

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

2 个答案:

答案 0 :(得分:5)

为子组件#child创建引用。无需仅为调用方法创建输入属性。

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

答案 1 :(得分:1)

在视图中定义一个变量

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

被修改