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는 배열과 같은 Iterable에 대한 바인딩 만 지원합니다.

어떤 문제 일 수 있습니까?

Answer 1

Observable.of. 시퀀스에서 값을 방출하므로 *ngFor은 *ngFor이 예상하는 배열 대신 async를 통해 단일 값을받습니다.

사용

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

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