这是我删除员工的打字本代码。
deleteEmployee(id:number){
this.empserv.deleteEmployee(id).subscribe(data=>this.delData=data,
error=>this.errorMsg=JSON.parse(JSON.stringify(error)));
if(this.errorMsg)
this.employees=this.employees.filter(obj=>obj.customerId!=id);
alert("Employee Deleted Successfully"+id);
}
这是我的HTML
<td>
<button class="btn btn-dark" (click)="deleteEmployee(f.customerId)">
DELETE
</button>
</td>
该代码第二次运行良好,但是,第一次只有警报工作时,列表既没有在屏幕上更新,也没有在控制台上更新。我试着记录errorMsg,但是没有什么是第一次出现的。可能的原因是什么?
发布于 2019-05-05 09:23:22
你把这两件事混为一谈:
1.异步代码:
您的程序不会在主线程中运行此代码,而是只在服务器发送请求响应时才运行此代码。您的程序不会等待此代码执行并继续其执行流。在您的代码中,异步部分是:
this.empserv.deleteEmployee(id)
.subscribe(
data=>this.delData=data,
error=>this.errorMsg=JSON.parse(JSON.stringify(error)));
2.同步代码:
此代码将在主线程中运行,不会等待异步代码的执行。
在您的程序中,同步部分是:
if(this.errorMsg)
this.employees=this.employees.filter(obj=>obj.customerId!=id);
alert("Employee Deleted Successfully"+id);
}
这里的主要问题是,代码的同步部分依赖于异步部分,异步部分将在服务器发送响应时运行某个时间点,但您的代码将在此之前运行,this.errorMsg
将未定义。
您应该将此逻辑放入异步部分,以使其仅在来自服务器的响应为returned.Something时才运行,如下所示:
this.empserv.deleteEmployee(id)
.subscribe(
data=>this.delData=data,
error=>{
this.errorMsg=JSON.parse(JSON.stringify(error));
this.employees=this.employees.filter(obj=>obj.customerId!=id);
alert("Employee Deleted Successfully"+id);
});
}
发布于 2019-05-05 08:51:49
一个可能的原因可能是您正在检查订阅后的错误。
deleteEmployee(id:number){
this.empserv.deleteEmployee(id)
.subscribe(
data => this.delData=data,
error => {
this.errorMsg=JSON.parse(JSON.stringify(error));
this.employees=this.employees.filter(obj=>obj.customerId!=id);
alert("Employee Deleted Successfully"+id);
});
}
https://stackoverflow.com/questions/55990216
复制相似问题