javascript - 在 Angular 2 + 中从父组件调用子组件方法

Question

我是 Angular 的新手，正如标题所示，我正在尝试看看这是否可行。

我不想使用子组件通过@Output EventEmitter发送数据的标准方式，而是希望拥有相同的概念(不将父级注入(inject)子级)，但与父级相同组件向子组件发送数据。父组件可以向子组件发送数据吗？如果不是，为什么会这样？

澄清一下，子组件是一个需要填写的表单。表单完成后，我希望父组件上有一个按钮，以便在提交之前查看表单是否已完成。

Answer 1

这只是通过 interacting 实现的子组件使用 template reference variable .

将变量添加到子组件选择器元素并从父模板访问其属性和方法:

<child-selector #variable ></child-selector>
<button (click)="variable.ChildMethod()"/>

或者，直接从组件类访问子组件方法/属性:

<button (click)="AccessChildMemebers(variable)"/>
AccessChildMemebers(elem){
    elem.ChildMethod();
}