Угловое 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.

Это Plunker что trowing ошибку:

ngFor in template

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

Я знаю, что код в конструктор может сбивать с толку, но это всего лишь короткая версия большего приложения, которое у меня есть.

Я не могу преобразовать Observable в массив, я должен использовать Observable.

Вопрос: Можно ли создать шаблон ngFor цикл с наблюдаемым или единственное, что я могу использовать, это Array?

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

Хорошо Удача!