Angular 2 temlate with Observable

onetwo12

私は作るのが好き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.

これは、エラーを引き起こしているプラ​​ンカーです。

テンプレート内のngFor

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

コンストラクターのコードが混乱する可能性があることは知っていますが、これは私が持っているより大きなアプリケーションの短いバージョンにすぎません。

配列内のObservableを変換できません。Observableを使用する必要があります。

問題はngFor、Observableを使用してテンプレートループを作成できますか、それとも使用できるのは配列だけですか?

dfsq

舞台裏でサブスクライブしてデータを抽出する非同期パイプ使用できます

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

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

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Angular 2ObservableからObservable []

分類Dev

Angular 2: Convert Observable to Promise

分類Dev

Angular 2: Convert Observable to Promise

分類Dev

Angular2 ChangeDetection or Observable?

分類Dev

Angular 2 - Sort list from Observable

分類Dev

Angular 2 http get observable called twice

分類Dev

How to modify data in Observable in Angular 2?

分類Dev

Angular 2: Observable subscription not reading data correctly

分類Dev

Angular 2+ Observable と GroupBy

分類Dev

Angular 2のChangeDetectionStrategy.OnPushとObservable.subscribe

分類Dev

Angular2 ChangeDetectionまたはObservable?

分類Dev

Angular 2 Observables - Return original observable, instead of switchMap/combineLatest

分類Dev

rxJS observable to repeat call every time condition is met in Angular 2

分類Dev

Angular 2 Firebase Observable to promise doesn't return anything

分類Dev

Angular 2 - subscribing to Observable.fromEvent error: "Invalid event target"

分類Dev

How to assign local variable from observable Angular2

分類Dev

How to react to change in Angular <2.x observable

分類Dev

Angular 2Observableからの表示値

分類Dev

Angular 2 http は observable を取得します

分類Dev

Angular / RxJS Multicasting Observable of Observable

分類Dev

Angular / 2:angular2-observableからpopulateを選択します

分類Dev

Angular - Observable data not ready?

分類Dev

Angular 4: Subscribing to Observable

分類Dev

Angular&Observable debounceTime

分類Dev

Angular 6:Observable HTTPClient

分類Dev

Angular observable not updating automatically

分類Dev

Clear a observable array angular

分類Dev

unable to subscribe the observable in angular

分類Dev

Angular 6 return Observable

Related 関連記事

ホットタグ

アーカイブ