以角度订阅大量对象

Question

我一直在通过 get 请求获取对象。

我在component.ts中有如下函数

private _getPolygonById(id: number) {
    let poly: any;
    this.dataService.getCollectionbyId(id).subscribe(data => {
        const res = data.json();
        poly = JSON.parse(res.string);
    });
    return poly;
}

我的 service.ts 包含以下内容：

getCollectionbyId(id: number) {
    console.log("launching request");
    return this.http.get('api/project-collections/'+id);
}

问题是 poly 未定义并按原样返回，响应被异步处理。我怎样才能等待请求，直到它得到响应，然后将它影响到 poly，返回它？

Answer 1

如您所知，_getPolygonById 函数会在您获得更改以在 subscribe 块中获取结果之前返回。操作顺序如下：

private _getPolygonById(id: number) {
    let poly: any; // 1
    this.dataService.getCollectionbyId(id).subscribe(data => {
        // 3
        const res = data.json();
        poly = JSON.parse(res.string);
    });
    return poly; // 2
}

您应该从 _getPolygonbyId 函数返回 observable 并在您想要使用它时订阅结果。

ngOnInit() {
  this._getPolygonById(5).subscribe(// do something with the returned polygon)
}

private _getPolygonById(id: number): Observable<any> {
    return this.dataService.getCollectionbyId(id);
}