RxJS Observables：用值創建

Question

我還沒有調用這些值的服務，所以我正在用 aysnc ngFors 做一些樣板代碼。

我正在嘗試創建一個可以被 ngFor 使用的可觀察對象。 我嘗試：

 statuses$ = Observable.create((o) => {
    o.next(new NameValue('Open', 'OPEN'));
    o.next(new NameValue('Closed', 'CLOSED'));
    o.complete();
  });

然后

        <mat-option *ngFor="let status of statuses$ | async" [value]="status.value">
          {{ status.name }}
        </mat-option>

但我收到一個異步錯誤

找不到類型為“Open”的不同支持對象“[object Object]”。 NgFor 只支持綁定到 Iterables，比如 Arrays

Answer 1

像這樣模擬你的 observable：

import { of } from 'rxjs';    

statuses$ = of([new NameValue('Open', 'OPEN'), new NameValue('Closed', 'CLOSED')]);

它給出了一個*ngFor可以解釋的數組，而不是您當前正在返回的對象。