TypeScript:将Array作为Observable返回

时间:2017-02-06 22:50:38

标签: angular rxjs observable

如何在getTodoItems()中将数组作为Observable返回?

它是Promise<Itodo[]>我使用Promise.Resolve(TodoItems)来返回数组。但是当我将其更改为使用Observable而不是Promise时,我不知道如何返回数据并且无法使其正常工作。

我尝试Observable.of(TodoItems),但它不知道.of功能。

无论我怎么做,我都会不断收到这些错误。你能帮帮我吗?感谢。

enter image description here

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/observable/fromArray';

import { Itodo } from './todo'

const TodoItems: Itodo[] = [
    { todoId: 11, description: 'Mr. Nice' },
    { todoId: 12, description: 'Narco' },
    { todoId: 13, description: 'Bombasto' }
]

@Injectable()
export class TodoService {


    constructor(private _http: Http) {
    }

    getTodoItems(): Observable<Itodo[]> {

        return TodoItems.map((items => Itodo[]) => <Itodo[]>items);
    }

    addNewTodo(model: Itodo) {        
        TodoItems.push(model);
    }

    getTodoItem(id: number): Observable<Itodo> {
        return this.getTodoItems()
            .map((items: Itodo[]) => items.find(p => p.todoId === id));    }
}

2 个答案:

答案 0 :(得分:8)

crypto-browserify是您正在寻找的正确方法。在我的项目中,我使用rxjs5-beta6和Observable.of足以使用import { Observable } from 'rxjs/Observable';方法。根据您的项目,您可能需要显式导入of方法。

如果全部失败,您可以尝试使用of,甚至尝试创建自己的可观察值,以便返回您的值。

e.g。

Observable.from(TodoItems)

答案 1 :(得分:1)

您应该使用

import { of } from 'rxjs';

,您可以直接调用“ of”:

of('your data');