Angular 7 - 从子组件发出的事件不调用父组件函数

问题描述

我有一个父组件和一个子组件。在子组件上执行某些操作时，我需要调用父组件中的一个函数。为此，我使用了事件发射器。详情如下：

父 html

            <app-child-component
                [param 1] = "val1"
                [param 2] = "val2"
                [param 3] = "val3"
                [param 4] = "val4"
                (updateCounts) = "updateCount($event)"
                (myClose)="close()">
            </app-child-component>

父组件.ts

updateCount(event){
  console.log('Event=');
  console.log(event);
}

close(){
  console.log('close() called');
}

子组件.ts

@Output() updateCounts = new EventEmitter<any>();
@Output() myClose: EventEmitter<any> = new EventEmitter<any>();

.....
someFunction(){
  this.updateCounts.emit({"val1": "TEST"});
}
someFunction123(){
  this.myClose.emit({"val1": "TEST"});
}

myClose 事件按预期工作，但 updateCounts 事件没有。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）