微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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 举报,一经查实,本站将立刻删除。