“对象”类型中不存在属性“位置”
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了“对象”类型中不存在属性“位置”相关的知识,希望对你有一定的参考价值。
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
@Injectable()
export class LocationsProvider {
data: any;
constructor(public http: HttpClient) {
}
load() {
if (this.data) {
return Promise.resolve(this.data);
}
return new Promise(resolve => {
this.http.get('assets/data/locations.json').subscribe(data => {
this.data = this.applyHaversine(data.locations);
this.data.sort((locationA, locationB) => {
return locationA.distance - locationB.distance;
});
resolve(this.data);
});
});
}
我在这里很新,对离子很新,我可能需要详细的解决方案,我似乎无法让离子读取一个json文件
答案
您在data.locations
中遇到编译时错误,特别是locations
未在data属性上定义。
Fix
告诉TypeScript它是例如使用断言:
this.data = this.applyHaversine((data as any).locations);
另一答案
如果您知道响应的类型,则可以向http.get<T>()
添加泛型以键入data
。
interface SomeInterface {
locations: Location[]
}
this.http.get('assets/data/locations.json')<SomeInterface>.subscribe(data => {
this.data = this.applyHaversine(data.locations);
...
});
或者如果你不想为它创建一个界面(不推荐)
this.http.get('assets/data/locations.json')<SomeInterface>.subscribe((data: any) => {
this.data = this.applyHaversine(data.locations);
...
});
以上是关于“对象”类型中不存在属性“位置”的主要内容,如果未能解决你的问题,请参考以下文章
使用二头肌的 Azure Functionapp 部署:请求正文中不存在属性对象
错误:'[number,number]'类型中不存在属性'x'