Aar*_*ron 5 javascript typescript angular
我的代码按预期工作,但 Typescript 显然对我所做的事情有问题,我想了解它是什么。Typescrpt 报告以下错误:
下面是工作代码。
getZones() {
this.spinner.show();
this.zonesService.getZonesByUserId(this.userId)
.mergeMap(zones => Observable.from(zones))
.mergeMap(zone => this.zonesService.getAssociations(zone['id'], '/team')
.catch(() => Observable.of(null))
.map(team => {
if (team['team']) {
return Object.assign({}, zone, { teamName: team['team']['name'] });
} else {
return zone;
}
})
)
.mergeMap(zone => this.zonesService.getAssociations(zone['id'], '/site')
.catch(() => Observable.of(null))
.map(site => {
if (site['site']) {
return Object.assign({}, zone, { siteName: site['site']['name'] });
} else {
return zone;
}
})
)
.reduce((zones, zone) => {
return zones.concat(zone);
}, [])
.subscribe(
_data => {
this.zones = _data
.map(zone => {
if (zone['personal']) {
this.personalZone = zone;
this.personalZone['name'] = 'My Personal Zone';
this.personalZone['teamName'] = '';
}
return zone;
})
.filter(zone => {
return zone['personal'] !== true;
})
.map(zone => {
if (zone['siteName'] === undefined) {
zone['siteName'] = 'NO_SITE_NAME';
}
return zone;
});
if (this.zones && this.personalZone !== null) {
this.zones.unshift(this.personalZone);
}
this.loading = false;
this.spinner.hide();
},
_error => {}
);
};
Run Code Online (Sandbox Code Playgroud)
我在 map 方法中添加 if 条件后出现错误。在添加这些条件之前,我的代码如下:
.map(team => {
return Object.assign({}, zone, { teamName: team['team']['name'] });
})
.map(site => {
return Object.assign({}, zone, { siteName: site['site']['name'] });
})
Run Code Online (Sandbox Code Playgroud)
需要这些条件来处理服务器未能返回所请求对象的实例。现在打字稿似乎有代码问题。可以肯定的是,reduce 函数中的区域参数是一个数组,当然 _data 值也是一个数组。出于某种原因,Typescript 认为这些是对象。
控制台输出:
console.log(zones);
console.log(zone);
Run Code Online (Sandbox Code Playgroud)
感谢您提供任何意见。
| 归档时间: |
|
| 查看次数: |
2838 次 |
| 最近记录: |