Angular 4 打字稿解析响应对象中的枚举接口属性

Question

我有一个来自 API 的响应，它返回了一个枚举值。 从 API 返回的值在请求中表示为字符串。 此值是打字稿接口的enum属性。

问题：收到响应时，TS 接口将该值存储为字符串(可能是问题所在(，因此我不能直接将其用作enum。

OBJ 型号：

export interface Condo {
id:number
title:string
latitude:number
longitude:number
city:string
country:string
district:string
address:string
locationType: LocationType
}
export enum LocationType {
CONDO,
MALL,
STATION
}

请求：

getCondoAllByCountry(country_code){
return this.http.get(this.config.apiEndpoint +this.subApiUrl+'/all')
.map(res => <Condo[]>res.json())
.catch((err:Response) => {
return Observable.throw(err.json());
});
}

使用示例：

this.condoService.getCondoAllByCountry(this.userData.country_code).subscribe(data=>{
someFunc(data)
})
............
someFunc(condo_list: Condo[]){
//here is need to know the `locationType` for each object
console.log(typeof condo_list[i].locationType);
console.log(typeof LocationType.CONDO)
switch (condo_list[i].locationType){
case LocationType.CONDO:
console.log('Case - condo')
break;
case LocationType.MALL:
console.log('Case - mall')
break;
case LocationType.STATION:
console.log('Case - station')
break;
}
}

因此，switch.. case不适用于此属性。 在console.log()我得到：

console.log(typeof condo_list[i].locationType);-string

console.log(typeof LocationType.CONDO)-number

所以，这意味着有一个解析概率，condo_list[i].locationType不是一个enum(考虑到它应该显示枚举的number(？

我应该如何解决它？

Answer 1

如果您使用的是 Typescript 2.4 或更高版本，则可以按如下方式声明字符串枚举：

export enum LocationType {
CONDO = 'CONDO',
MALL = 'MALL',
STATION = 'STATION'
}
// ...
switch (object.locationType) {
case LocationType.CONDO: // ...
case LocationType.MALL: // ...
case LocationType.STATION: // ...
}

在旧版本中，您只能使用基于数字的枚举。在这种情况下，最好使用字符串文本联合类型：

export type LocationType = 'CONDO' | 'MALL' | 'STATION';
// ...
switch (object.locationType) {
case 'CONDO': // ...
case 'MALL': // ...
case 'STATION': // ...
}