Question

下面是一个使用rxjs Observables的简单示例Angular 2组件。

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);
}

}

此组件抛出错误

内联模板：15：12引起：找不到不同的支持对象＆＃39; 4＆＃39;类型＆＃39;类型＆＃39;。 NgFor仅支持绑定到Iterables，例如Arrays。

知道可能是什么问题吗？

Answer 1

Observable.of。按顺序发出值，以便getaddrinfo通过异步接收单个值，而不是*ngFor期望的数组。

使用

*ngFor

Angular 2中的Observable和ngFor

1 个答案: