如何解决如何使用 EventEmitter 输出从子级到父级调用函数并订阅
我需要使用事件从 modalComponent 刷新表。
在子组件中
@Output() callrefresh = new EventEmitter<string>();
添加数据时
this.callrefresh .emit('I want to call a function');
在父组件中我想激活这个功能
refreshTable(){
this.tableRefresh();
}
有什么帮助吗?一个例子会很好
在父组件中我有一个表格,在子组件中有一个模态。当我在子组件中保存数据行时,我希望激活父组件中的刷新功能。
例如在子组件中
this.service.save(this.car).subscribe(
(result) => {
this.closeModal();
this.callrefresh .emit('I want to call a function');
},
在父组件中
refreshTable(){
this.tableRefresh();
}
tableRefresh(
page?: Page
): void {
this.subscriptions.push(
this.service
.findAlldata(
this.sort.dir,this.page.pageNumber,this.page.size,this.sort.prop
)
.subscribe({
next: (data: any) => {
all paged data logic
);
},error: (error: any) => {
console.log(error);
},complete: () => {
console.log('complete');
},})
);
}
解决方法
您只需要使用由您的输出触发的事件。当您发出时,refreshTable() 被调用
XX:+UseCompressedOops
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。