从父亲到孩子召唤一个事件-Angular 5.2.1

Question

我正在尝试使用Angular 5.2.1从父组件向子组件进行调用

// view parent

<child-component #child></chrild-component>    

// controller parent
@ViewChild(ChildComponent) child: ChildComponent;

detalle(parte: GestionImputacionData) {
    this.parentVerTabla = false;
    this.child.cargar(parte);
}


// Controller child
cargar(parte: GestionImputacionData) {
    this.parte = parte;
    //more things
}

我看过一些例子，我认为我做得很好，但是儿子没有听说过父亲的事件，也不知道我在做什么错。

Answer 1

<child-component #child></chrild-component> <- here is your mistake 

应该是

<child-component #child></child-component> 

我尝试了相同的方法

https://stackblitz.com/edit/angular-p2ahqf

Answer 2

由于您的ParentComponent类型为ChildComponent，因此您的父模板中确实不需要模板变量#child：

<child-component #child></chrild-component> 可以简化为 <child-component></child-component>

在ChildComponent的结尾标记中，它是chrild-component。不确定是否是错字。

此外，您可能未在父组件中调用detalle，而父组件又负责在cargar中调用ChildComponent方法。因此，请确保您正在执行此操作。

最后，请确保仅在调用detalle后才调用ngAfterViewInit方法。

---

  

这是您推荐的Working Sample StackBlitz。