类型'Observable'不能分配给'any []'。 'Observable'类型中缺少属性'length'

Question

在我的Angular应用程序中，我通过异步调用提取一些数据。然后，一旦我有了这些数据，我就有一个函数（见下文）迭代该数组并获得传入的相应stageName的record_id。我遇到了ts错误 - stageRecords下有一个红色的squigly（见下面的asterixes），错误是：

[ts]类型'Observable'不能分配给'any []'。 'Observable'类型中缺少属性'length'。

这是我的代码：

public async getStageIdByName(stageName)
{
    let stageRecords = [];
    **stageRecords** = await this.getAllStages();
    if (stageName && stageRecords) {
        console.log('stageRecords: ', stageRecords);
        for (let record of stageRecords) {
            if (record.stage === stageName) {
                let stageId = record._id;
                console.log(`stageId for ${stageName} is ${stageId}`);
                return stageId;
            }
        }
    }
}

我需要更改什么来解决这个问题？我尝试使用Array.from()，但这并不能解决这个可观察的问题，这显然使这一举动变得不可能。我怎样才能解决从响应this.getAllStages()获取数组的问题？

更新：在建议后我导入了toPromise（）运算符，然后将我的代码更改为如下所示：

public async getStageIdByName(stageName)
{
    let stageRecords = [];
    stageRecords = await this.getAllStages().toPromise();
    if (stageName && stageRecords) {
        console.log('stageRecords: ', stageRecords);
        for (let record of stageRecords) {
            if (record.stage === stageName) {
                let stageId = record._id;
                console.log(`stageId for ${stageName} is ${stageId}`);
                return stageId;
            }
        }
    }
}

这似乎是正确的轨道，但是，我现在收到此错误：

Type 'Response' is not assignable to type 'any[]'.
  Property 'length' is missing in type 'Response'.

顺便说一句，我的getAllStages（）函数看起来像这样：

public getAllStages()
{
    let stageRecords;
    let recordsArray;
    let fn = response => {
        stageRecords = response.data;
        if (stageRecords) {
            recordsArray = Array.from(stageRecords);

            return recordsArray;
        }
    };

    return this.stageService.getStages((fn));
}

Answer 1

你的getAllStages返回Observable，而不是承诺，所以你不能等待它。

要么通过toPromise()方法做出承诺，要么订阅它。

如果您使用rxjs 6（角度6）并且如果它后面是http请求，那么这应该有效，在旧版本中，您需要导入该toPromise运算符。

stageRecords = await this.getAllStages().toPromise();

在旧版本的角度中，您需要像这样导入该运算符

import 'rxjs/add/operator/toPromise';