Javascript Ionic observable的正确语法=>;功能?
我正在开发一个应用程序,该应用程序利用从.json文件中提取的数据,显示一个谷歌地图,地图上有许多不同颜色的标记。这些标记指定坐标处的位置(为此,我将它们称为Javascript Ionic observable的正确语法=>;功能?,javascript,google-maps,ionic-framework,ionic3,Javascript,Google Maps,Ionic Framework,Ionic3,我正在开发一个应用程序,该应用程序利用从.json文件中提取的数据,显示一个谷歌地图,地图上有许多不同颜色的标记。这些标记指定坐标处的位置(为此,我将它们称为类型1,类型2,类型3和类型4) 在设置页面上,每个类型对应四个组件 types.json { "types": [ {"name": "Type 1", "enabled": true}, {"name": "Type 2", "enabled": true}, {"name": "Type 3", "enabl
类型1
,类型2
,类型3
和类型4
)
在设置页面上,每个类型对应四个
组件
types.json
{
"types": [
{"name": "Type 1", "enabled": true},
{"name": "Type 2", "enabled": true},
{"name": "Type 3", "enabled": true},
{"name": "Type 4", "enabled": true}
]
}
下面是我的一些其他代码:
public types: any;
public places: any;
getPlacesAndTypes(): Observable<any>{
return Observable.forkJoin([
this.http.get('./assets/data/rawdata.json').map(res => res.json()),
this.http.get('./assets/data/types.json').map(res => res.json())
]);
}
ngAfterViewInit() {
// Gets json file and prepares to create markers
this.plt.ready().then(() => { this.getPlacesAndTypes()
.subscribe(
data => {
this.places = data[0];
this.types = data[1];
}) => this.initMap(this.places, this.types);
}
);
}
像大多数语法错误一样,按照控制台的建议去做实际上似乎不是答案。有人能帮我找到正确的语法吗?这已经困扰了我一周了。像这样改变它:
this.plt.ready().then(() => {
this.getPlacesAndTypes().subscribe(
data => {
this.places = data[0];
this.types = data[1];
this.initMap(this.places, this.types);
}
);
}
这将等待平台就绪事件,然后订阅您的可观察对象,当成功回调(数据)到达时,使用回调中的数据调用您的
initMap
函数。您希望发生什么?然后(()=>{}=>foo()
没有任何成功。你知道什么是=>
?我期望发生的是this.places
和this.types
传递给函数this.initMap()
在之后。订阅完成。我希望有人能帮助我实现这一点,因为我对爱奥尼亚和TypeScript有点陌生。这似乎是一个开始,但我想在initMap()之前将数据[0]
和数据[1]
设置到这个。放置和这个。键入
。我不能有重复的标识符。请查看我的更新答案,您可以将其添加到回调中!
this.plt.ready().then(() => {
this.getPlacesAndTypes().subscribe(
data => {
this.places = data[0];
this.types = data[1];
this.initMap(this.places, this.types);
}
);
}