RxJS Observables: Creating with values

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

像这样模拟您的可观察对象：

import { of } from 'rxjs';    
statuses$ = of([new NameValue('Open', 'OPEN'), new NameValue('Closed', 'CLOSED')]);

它给出了*ngFor可以解释的数组，而不是您当前返回的对象。