如何使用map（）将可观察到的Angular 5映射为其他格式

Question

我一直在寻找这个问题的几天。 我可能在这里很想念某些东西，但是这个愚蠢的问题使我颇具攻击性;）

所以这是我的问题：

对于跨平台应用程序，我正在将ionic与Angular 5结合使用。我希望日历中充满从API检索的会议。 从API返回的json有一系列会议。 像这样：

{
    "meetings": [
        {
            "id": 851,
            "published": false,
            "title": "testtestestestestsetsetsetsetsettettt",
            "title_modified": 1527688927,
            etc...,
        },
            etc...
     ]
}

问题在于日历需要一定的输入才能起作用。 它需要的输入是：

eventSource = {
      title: ...,
      startTime: ...,
      endTime: ...,
      allDay
}

接下来，我想将API返回的json映射到$ eventSource数组。 我通过很多教程来研究如何使用Angular HttpCLient返回的可观察对象来实现此目的。 并提出了以下内容：

private getMeetings(): void {
    this.apiCtrl.get('meetings/')
      .map((meetings) => {
        return meetings.map((meeting) => {
          return {
            title: meeting.title,
            startTime: meeting.start,
            endTime: meeting.endTime,
            allDay: false
          }
        })
      }).subscribe(
        meetings =>  {
          this.eventSource = meetings;
          console.log(this.eventSource);
        }
    )
}

但是它给我返回一个错误，说： meetings.map is not a functions

一点浏览就告诉我import { map } from 'rxjs/operators'或其他导入中添加import { map } from 'rxjs/operators' 。 但是无论我导入什么都行不通。 有人说我应该使用pipe（）方法，但这也不起作用。

我希望这里的人能够帮助我将API返回的json数据格式化为eventSource变量在日历中显示会议所需的格式

我正在使用的离子日历是：ionic2calendar（ https://github.com/twinssbc/Ionic2-Calendar ）

Answer 1

您需要首先使用以下行打印meetings 。

console.log(meetings) 

最有可能的meetings不是数组。 您可能需要在原始返回值中找到一个body或其他键。

好的，应该是meetings.meetings :)

Answer 2

您需要回程meetings.meetings。 好吧，将变量更改为结果

private getMeetings(): void {
    this.apiCtrl.get('meetings/')
      .map((result) => { //put result
        return result.meetings.map((meeting) => {  //return result.meetings transformed
          return {
            title: meeting.title,
            startTime: meeting.start,
            endTime: meeting.endTime,
            allDay: false
          }
        })
      }).subscribe(
        meetings =>  {
          this.eventSource = meetings;
          console.log(this.eventSource);
        }
    )
}

Answer 3

const respose$ = this.http.get(''); // some function returning Observable

return respose$.map(
        (obj) => {
          // Change Object here
          obj.val1 = ""
          obj.val2 = ""
        }
);

//最终订阅此Observable