ObservableとAngular 2のngFor

Question

以下は、rxjs Observablesを使用する簡単なサンプルのAngular 2コンポーネントです。引き起こさ12：15：異なる支持オブジェクト '4' タイプ '番号' のが見つかりません

import { Component , OnInit } from '@angular/core'; 
import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/observable/of'; 

    @Component({ 
    selector:'ob', 
    template: ` 

    <ul> 
     <li *ngFor="let x of obj | async"> 
      {{x}} 
     </li> 
    </ul>  
    ` 
}) 

export class ObComponent implements OnInit{ 

obj:Observable<number>; 

ngOnInit() { 
this.obj = Observable.of(1,2,3,4); 
} 

} 

このコンポーネントは、エラーの下

インラインテンプレートをスロー。 NgForは、配列などのIterablesへのバインドのみをサポートしています。

どのような問題が考えられますか？

Answer 1

Observable.of。シーケンスで値を出力するので、*ngForは、*ngForが期待する配列ではなく、asyncで単一の値を受け取ります。

使用

obj:Observable<number[]>;//declare 

Observable.of([1,2,3,4])