将rxjs 5映射转换为rxjs 6映射

Question

考虑以下代码Angular 5 +较旧的rxjs

this.measurementUnitsService.GetAll().subscribe(
        res => {
            this.measurementUnits = res.map(x => new MeasurementUnit(x));
        }
    )

我正在获取对象列表，并为每个对象创建一个新的强类型类。

我将如何在angular 6 + rxjs 6中做同样的事情。

this.measurementUnitsService.GetAll().pipe<MeasurementUnit[]>(mergeMap(x => new MeasurementUnit(x))).subscribe(
  res => {
    this.measurementUnits = res;
  }
)

不幸的是，它生成错误， Type 'MeasurementUnit[]' has no properties in common with type 'Partial<MeasurementUnit>'.

MeasurementUnit以防万一

export class MeasurementUnit {
Id: number;
CreatedDate: Date;
ModifiedDate: Date;
Disabled: boolean;
DisabledDate: Date;
Name: string;
Description: string;

ParentId: number;

public constructor(item: Partial<MeasurementUnit>) {
    //item.EstablishedDate = new DatePipe('en-US').transform(item.EstablishedDate, "yyyy-MM-dd");

    Object.assign(this, item);
}
}

Answer 1

您有一个Observable<MeasurementUnit[]>而不是Observable<MeasurementUnit> 。

这意味着，当可观察对象发出一个值时，它将是一个数组而不是单个值。 因此，您需要普通的array映射，而不是Observable array映射。

做就是了：

this.measurementUnitsService.GetAll()
  .pipe(
    map(array => array.map(x => new MeasurementUnit(x)))
  ).subscribe(res => this.measurementUnits = res);