angular - 将ngFor与异步管道一起使用以显示可观察对象数组

我很难理解NGOF为什么不能用一系列可观的观测值来工作。

export class DashboardComponent implements OnInit {
    dwsubscriptions: Observable<Dwsubscription>[] = new Array();

    ngOnInit() {
        this.dwsubscriptions.push(
            this.devicewiseService.getSubscription('Randomizer', '1', 3, 1, -1)
        )
    }
}

然后是我的html

<div *ngFor="let dwsubscription of dwsubscriptions | async">
    <p>value: {{dwsubscription.params.data}}</p>
</div>

GetSubscriptions正在返回一个可观察的

getSubscription(device: string, variable: string, type: number, count:number, length:number): Observable<Dwsubscription> {

我明白了
错误错误：管道的InvalidPipeArgument:“[对象]”
'异步管道'
如果我对从getSubscription（）返回的单个可观察对象执行异步管道操作，则此操作可以正常工作。为什么我不能将这些观测值推送到一个数组中，然后使用ngfor在我的模板中遍历它们？

最佳答案

你正在创建一个可观察的数组。你必须在每个可观察的对象上循环，然后对每个对象使用异步管道。
试试这个：

<div *ngFor="let dwsubscription of dwsubscriptions">
  <div *ngIf="dwsubscription | async as dw">
    <p>value: {{dw.params.data}}</p>
  </div>
</div>

关于angular - 将ngFor与异步管道一起使用以显示可观察对象数组，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53194659/