我尝试将表单从我的子组件传递给他的父组件。
child TS:
@Output() submit: EventEmitter<FormGroup> = new EventEmitter();
updateStream(): void {
const body = {some data};
// If I put this.submit.emit(this.form) here it works
this.apiGatewayService.verifyKeys(body).subscribe(
(res) => {
console.log('SUCCESS verify : ', res);
this.submit.emit(this.form); // doesn't work
},
(error) => {
console.log('ERROR verify : ', error);
this.disableLoader.emit(); // doesn't work
});
}
html:
<child (submit)="updateStream($event)"></child>
家长 TS :
updateStream(form: formGroup): void {
console.log('UPDATE');
}
我发出的所有订阅都不起作用(未显示父组合中的 console.log)。但是在订阅之外它可以工作。
你有什么想法吗?
编辑
问题出在 this.apiGatewayService.verifyKeys(body) 行上。此调用完美运行(正确响应),但是发射不起作用。但是,如果我像这样模拟这个调用,它会起作用:
updateStreamOut(): void {
this.test().subscribe(
(res) => {
console.log('SUCCESS verify : ', res);
this.submit.emit(this.lambdaForm); // Works
},
(error) => {
console.log('ERROR verify : ', error);
this.verifyError = true;
this.disableLoader.emit(); // Works
}
);
}
test(): Observable<any> {
return Observable.of({ status: 'ok' });
}
这里我的函数 verifyKeys :
verifyKeys(body): Observable<any> {
const result = Observable.fromPromise(
this.client.externalVerifyPost({}, body, config.additionalParams)
);
return this.handleResult.dispatchResponse(result, false);
}
处理结果服务:
dispatchResponse(result: Observable<any>, enableSnackbar: boolean = true) {
return result
.catch((error) => {
const exception = this.getException(error);
this.apiResponse.errorsHandler(exception);
return Observable.throw(exception);
})
.mergeMap((res) => {
if (enableSnackbar) {
this.apiResponse.successHandler(res);
}
return Observable.of(res.data);
});
}
也许它会给你更多的信息。
最佳答案
我发现了我的错误。实际上,当 this.apiGatewayService.verifyKeys(body) 启动时,会显示一个加载程序。
我的父 HTML 是这样构建的:
<div *ngIf="!loader">
<child ...></child
</div>
<div *ngIf="loader>
My loader
</div>
所以当我的加载器显示时,我的组件从 DOM 中删除,我的“提交”事件发射器被取消订阅。
为了防止这种情况,我使用了 angular 属性 [hidden] 而不是 *ngIf。 [Hidden] 就像一个 display: none,并且不会从 DOM 中删除我的子组件。
关于angular - 在订阅中调用时未发出 EventEmitter,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48824934/