AngularFire .subscribe => console.log 在使用 map 或 flatMap 后返回 undefined

Question

我对 AngularFire、Firebase、rxjs 等还是很陌生。

谁能告诉我为什么以下内容会从 console.log 中返回“未定义”？

    this.af.database.object('/teams/' + this.id)
        .map((data) => {
            data.teamName = Teams[data.team];
        })
        .subscribe((data) => {
            console.log(data)
        })

Teams 是一个枚举。红色 = 1，蓝色 = 2...

我知道问题出在 .map 中，好像我将其删除并仅记录 x 或记录枚举查找都可以正常工作..

这很好用（并且可以解决红色问题）：

    this.af.database.object('/teams/' + this.id)
        .subscribe((x) => {
            console.log(Teams[x.team]);
        })

这样做（解决可观察到的 firebase）：

    this.af.database.object('/teams/' + this.id)
        .subscribe((x) => {
            console.log(x);
        })

我也尝试过在列表上使用 flatMap，而不是在对象上使用地图。

任何帮助将不胜感激。

Answer 1

因为来自 get 和 map 方法的返回都是可观察的，而不是 json。

在

 .map((data) => {
            data.teamName = Teams[data.team];
        })

您将 data 变量视为 json，但事实并非如此。所以你的变量变得未定义。因为没有data.Teamname这样的东西

参考：https://angular.io/docs/ts/latest/guide/server-communication.html#!#fetch-data

http.get 方法从 RxJS 库返回一个 HTTP 响应的 Observable (Observable)，map 是 RxJS 操作符之一。