javascript - Angular 为 6 的 map 元素

Question

JSON

{ success: true, data {...}, calendar {...}

组件

import { Component, OnInit } from '@angular/core';
import {MonthlyViewService} from "../../../monthlyView.service";
import 'rxjs/add/operator/map';

@Component({
  selector: 'app-calendar',
  templateUrl: './calendar.component.html',
  styleUrls: ['./calendar.component.css']
})
export class CalendarComponent implements OnInit {
  constructor(private  monthlyViewService: MonthlyViewService) {}
  ngOnInit() {
    this.monthlyViewService.getMonthlyData().subscribe(res => {
      let data = res.map(res => res.data);
      console.log(data);
    })
  }
}

在上面的代码中，我想从响应中访问数据、日历数据并将其存储到不同的数组中。我在 map 上遇到错误 - map does not exist on type object 。任何解决方案

Answer 1

首先，从 RxJs 6 开始，你必须像这样导入运算符:

import { map } from 'rxjs/operators';

其次，你必须在map之前使用pipe:

ngOnInit() {
    this.monthlyViewService.getMonthlyData().subscribe(res => {
      let data = res.pipe( map(res => res.data) );
      console.log(data);
    })
  }