Angular 2 中的 Observable 和 ngFor

2024-06-05

下面是一个使用 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 导致:找不到类型为“number”的不同支持对象“4”。 NgFor 仅支持绑定到可迭代对象(例如数组)。

知道可能是什么问题吗?


可观察的.of https://www.learnrxjs.io/operators/creation/of.html。按顺序发出值*ngFor通过异步接收单个值而不是数组*ngFor期望。

Use

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

Observable.of([1,2,3,4])
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angular 2 中的 Observable 和 ngFor 的相关文章

随机推荐