angular - map 在 Angular RxJ 中不起作用

Question

我只是想使用map函数，但它抛出一个错误。在results.map(results =>等)里面，它说“符号映射无法正确解析，可能它位于无法访问的模块中”

,

import { Component, OnInit } from '@angular/core';
import { take, map,filter, tap } from 'rxjs/operators';
etc

@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.css']
})
export class TestComponent implements OnInit {
  public project: IProject;

  constructor(

    private appSer: AppService) { }

  public ngOnInit(): void {

    this.appSer.project$
      .pipe(
        take(1),
        map(results =>
          results.map(result => ({
            ...result,
            square: result.square * 5000

          })))
      )
      .subscribe(
        (result: IProject) => {
          console.log(result);

        },
        (error: any) => {
          console.error(error);
        },

    );
  }
}

Answer 1

因为，结果的类型是一个对象，删除了额外的 map 运算符。

  .pipe(
    map(result => ({
      ...result,
      square: result.square * 5000
    }))
  )

如果结果是一个数组，那么您将需要额外的map运算符。