如何在角度7应用程序中的rxjs中使用地图运算符？

Question

我的代码编译，一切正常，但我的IDE（Visual Studio代码）显示以下错误消息，我无法部署我的应用程序（使用ng build --prod）：

src / app / training / training.service.ts（61,46）中的错误：错误TS2339：类型“{}”上不存在属性“名称”。 src / app / training / training.service.ts（62,50）：错误TS2339：类型“{}”上不存在属性“持续时间”。 src / app / training / training.service.ts（63,50）：错误TS2339：类型“{}”上不存在属性“卡路里”。

我像这样导入地图运算符：

import { map, take } from 'rxjs/operators';

并像这样使用它：

...
    .snapshotChanges()
    .pipe(
      map(docArray => {
        return docArray.map(doc => {
          return {
            id: doc.payload.doc.id,
            name: doc.payload.doc.data().name,
            duration: doc.payload.doc.data().duration,
            calories: doc.payload.doc.data().calories
          };
        });
      })
    )
...

我的界面如下：

export interface Exercise {
id: string;
name: string;
duration: number;
calories: number;
date?: Date;
state?: 'completed' | 'cancelled' | null;

}

我究竟做错了什么？

Answer 1

要愚弄打字稿，你可以这样做：

doc => {

    let result: any = doc.payload.doc.data();
          return {
            id: doc.payload.doc.id,
            name: result.name,
            duration: result.duration,
            calories: result.calories
          };