Angular 2 - 如何从父级触发子级的方法

Question

可以通过@Input 将数据从父级发送到子级，或者使用@Output 从子级调用父级的方法，但我想做相反的事情，即调用一个来自 parent 的 child 的方法。基本上是这样的:

@Component({
  selector: 'parent',
  directives: [Child],
  template: `
<child
  [fn]="parentFn"
></child>
`
})
class Parent {
  constructor() {
    this.parentFn()
  }
  parentFn() {
    console.log('Parent triggering')
  }
}

和 child :

@Component({
  selector: 'child',
  template: `...`
})
class Child {
  @Input()
  fn() {
    console.log('triggered from the parent')
  }

  constructor() {}
}

后台是一种“获取”请求，即从 child 那里获取最新状态。

现在我知道我可以通过服务和 Subject/Observable 实现这一目标，但我想知道是否有更直接的方法？

Answer 1

我认为这些可能是您正在寻找的:

https://angular.io/guide/component-interaction#parent-interacts-with-child-via-local-variable

https://angular.io/guide/component-interaction#parent-calls-an-viewchild

您可以使用模板中的局部变量或使用父组件类中的 @ViewChild 装饰器来访问子属性和方法。