'类型'void'不可分配给类型......（自定义类型）

Question

我已经研究这个错误几天了，但我仍然不能很好地理解我需要在我的代码中具体做什么。

我正在通过 firebase 从云中检索数据，并将其加载到我的 Ionic 2 应用程序的 html 中。除了这一点，一切都很好。

我不知道如何让我的方法getData() 被识别为返回我构建的自定义类型/对象数组。相反，TypeScript 只将该方法识别为返回“void”。

如果我从承诺中取出return 调用，该方法将被识别为返回正确的类型。但是，它将返回空，因为在调用 return 之前需要更多时间来检索数据。

以下是这两个文件及其代码。 home.ts 文件控制着我的应用程序的主页。 data.ts 文件是我要导入到我的文件中以完成工作的数据服务。

我需要做什么来纠正这个错误并返回promise中的数据？

感谢观看！

在home.ts:

// This is a custom object that I am importing & using in arrays.
listData: DataComponent[][];

loadData() {
  this.listData = this.dataService.getData();
}

在data.ts:

// Again, this is the custom object that I am importing & using below.
private dataArray: DataComponent[][];

getData() {
    // This is my connection to firebase.
    this.db.ref('Data/').once('value')
        .then(data => {
            var obj = data.val();
            this.dataArray = Object.keys(obj).map(function(e) { return obj[e] });
            return this.dataArray.slice();
        });
}

Answer 1

也许是这样的？

getData(): Promise<DataComponent[][]> {
    return this.db.ref('Data/').once('value').then(data => {
            var obj = data.val();
            return <DataComponent[][]> Object.keys(obj).map(function(e) { return obj[e] };
        });
}

第一个 return 返回结果，但在一个包含 DataComponent[][] 的 Promise 中。第二个返回是匿名函数（又名 lambda 函数）的一部分，它将来自 Firebase 的数据转换为您的 DataComponent[][]。

你会这样使用它：

loadData() {
  this.dataService.getData().then(data => this.listData = data);
}

我认为阅读 Promise 对你来说是明智的。