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

Question

我是Angular的新手，正如标题所述，我试图查看这是否可行。

我不想使用子组件通过其@Output EventEmitter发送数据的标准方式，而是希望具有相同的概念（不将父组件注入子组件），但是父组件将数据发送到子组件。儿童。父组件可以向孩子发送数据吗？如果没有，为什么会这样？

请澄清一下，子组件是填写的表单。一旦表单完成，我希望父组件上的按钮在提交之前先查看表单是否完整。

Answer 1

这可以简单地通过interacting和template reference variable的子组件来实现。

将变量添加到子组件选择器元素中，并从父模板中使用其属性和方法：

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

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

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