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