Angular RxJS可觀察到的加載錯誤

Question

我已經聲明了一個可觀察的變量

workOrders: Observable<IWorkOrders[]>;

然后我以這種方式加載該可觀察的結果。

  this.bs.getWorkOrders()
  .pipe(map(data:IWorkOrders[]) => this.workOrders = data)),
    .subscribe((data: IWorkOrders[]) =>
      // this.workOrders = data;
      this.woSubject.next(data),
  );

但是當我這樣做時，我在this.workOrders =數據行下看到一個紅色的波浪狀。 而且當我將鼠標懸停時，它說[ts]類型'IWorkOrders []'不能分配給類型'Observable'

Answer 1

作為錯誤消息指出- workOrders的類型為Observable<IWorkOrders[]>而data變量的類型的IWorkOrders[] 在您的情況下，您嘗試將兩種不兼容的類型分配給彼此。 在map函數中，您將收到類型為IWorkOrders[]的Observable的值。

您要做的是將workOrders聲明為IWorkOrders[]而不是該類型的Observable ：

workOrders: IWorkOrders[];

PS，您還有一個多余的逗號.pipe(map(data:IWorkOrders[]) => this.workOrders = data)), <--

Answer 2

workOrders=this.bs.getWorkOrders(); 將工作

workOrders的類型為Observable 。 data類型為IWorkOrders[]由於這是2種不同的類型，因此會出現錯誤。 您不能將IWorkOrders[] to Observable分配IWorkOrders[] to Observable 。