角2 temlate与可观察

Question

我喜欢做ngFor模板环路角2 Observable但我得到这个错误：

ORIGINAL EXCEPTION: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.

这是trowing错误的Plunker：

ngFor in template

<template ngFor let-itemz [ngForOf]="item"> 
    <div> 
    {{itemz.title}} | {{itemz.type}} 
    </div> 
</template> 

我知道，在构造函数中的代码可能会造成混淆，但这只是我拥有的更大应用程序的简短版本。

我无法转换数组中的Observable，我不得不使用Observable。

问题是：我可以使模板ngFor循环与Observable或唯一的事情，我可以使用数组？

Answer 1

您可以使用async pipe这会为您订阅和提取数据的背后：

<template ngFor let-itemz [ngForOf]="item | async"> 
    <div> 
    {{itemz.title}} | {{itemz.type}} 
    </div> 
</template> 

https://plnkr.co/edit/imWRlthCOss0HmgwDEqC?p=preview

Answer 2

您可以使用异步管道打印Observeable：

<div *ngFor="let itemz of item | async"> 

https://plnkr.co/edit/FAJCUKVPOlxulszdrZOU?p=preview

好运气！