Angular 角度7:如何从入口组件调用方法到父组件?
这是我的模块,我在entry组件中使用了DragDropComponent,我的父组件使用了entry组件,如 父组件:Angular 角度7:如何从入口组件调用方法到父组件?,angular,Angular,这是我的模块,我在entry组件中使用了DragDropComponent,我的父组件使用了entry组件,如 父组件: upload(data) { const modalRef = this.model.open(DragNDropComponent, { data: data, panelClass: 'default-dialog' }); invokeMethodToRefreshTables(){ ... // code to man
upload(data) {
const modalRef = this.model.open(DragNDropComponent, {
data: data,
panelClass: 'default-dialog'
});
invokeMethodToRefreshTables(){
... // code to manipulate some datas after document loaded
}
儿童:
uploadFiles() {
...uploaded stuf
}
模块:
@NgModule({
imports: [
CommonModule,
FormsModule,
MatButtonModule,
MatIconModule,
ClickOutsideModule,
PipesModule,
],
entryComponents: [
AlertComponent,
ConfirmBoxComponent,
DragDropComponent
],
declarations: [
AlertComponent,
ConfirmBoxComponent,
DragDropComponent
],
exports: []
})
一切正常,但一旦成功上传文件,我需要调用invokeMethodToRefreshTables(),如调用父组件方法,如何做到这一点?您可以在关闭后订阅
可观察的:
上传(数据){
const modalRef=this.model.open(DragNDropComponent{
数据:数据,
panelClass:“默认对话框”
});
//当你关门的时候
modalRef.afterClosed().subscribe(数据=>{
//数据=模态结果-关闭对话框时,可以从对话框中传递数据
invokeMethodToRefreshTables();
});
}
您可以订阅关闭后的可观察:
上传(数据){
const modalRef=this.model.open(DragNDropComponent{
数据:数据,
panelClass:“默认对话框”
});
//当你关门的时候
modalRef.afterClosed().subscribe(数据=>{
//数据=模态结果-关闭对话框时,可以从对话框中传递数据
invokeMethodToRefreshTables();
});
}