[英]Handle multiple synchronous independent http request Angular 2
我正在尝试构建一个向用户显示多个图表的angular 2应用程序,并且在处理多个并行独立的http请求时遇到了一个真正的问题,当我在ngOnInit中调用两个以上的请求时,我得到了505响应。
this._service.getPlant().subscribe(plants => {
for (var i = 0; i < plants.length; i++)
for (var name in plants[i]) {
this.plants.push(plants[i][name]);
console.log(plants[i][name]);
}
this._service.getDept().subscribe(depts => {
for (var i = 0; i < depts.length; i++)
for (var name in depts[i]) {
this.depts.push(depts[i][name]);
console.log(depts[i][name])
}
this._service.getMachines().subscribe(machines => {
for (var i = 0; i < machines.length; i++)
for (var MachineName in machines[i]) {
machines.push(machines[i][MachineName]);
// console.log(machines[i][MachineName]) ;
}
});
});
});
您正在subscription
中键入所有服务呼叫,而您应该使它们独立,如下所示,
this._service.getPlant().subscribe(plants => {
for (var i=0; i<plants.length; i++)
for (var name in plants[i]) {
this.plants.push(plants[i][name]);
console.log(plants[i][name]) ;
}
});
this._service.getDept().subscribe(depts => {
for (var i=0; i<depts.length; i++)
for (var name in depts[i]) {
this.depts.push(depts[i][name]);
console.log(depts[i][name])
}
});
this._service.getMachines().subscribe(machines => {
for (var i=0; i<machines.length; i++)
for (var MachineName in machines[i]) {
machines.push(machines[i][MachineName]);
// console.log(machines[i][MachineName]) ;
}
});
根据评论更新:
完成前一个请求后提出另一个请求
ngOnInit(){
this._service.getPlant().subscribe(plants => {
for (var i=0; i<plants.length; i++)
for (var name in plants[i]) {
this.plants.push(plants[i][name]);
console.log(plants[i][name]) ;
}
},(error)=>{},
()=>{
/////////////////////////////
// Completion event handler
/////////////////////////////
this.getDepartments();
});
private getDepartments(){
this._service.getDept().subscribe(depts => {
for (var i=0; i<depts.length; i++)
for (var name in depts[i]) {
this.depts.push(depts[i][name]);
console.log(depts[i][name])
}
},(error)=>{},
()=>{
/////////////////////////////
// Completion event handler
/////////////////////////////
this.getMachines();
});
}
private getMachines(){
this._service.getMachines().subscribe(machines => {
for (var i=0; i<machines.length; i++)
for (var MachineName in machines[i]) {
machines.push(machines[i][MachineName]);
// console.log(machines[i][MachineName]) ;
}
});
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.