TypeScript:将Array作为Observable返回

Question

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

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

我试过Observable.of(TodoItems)但它不知道这个.of功能.

无论我尝试什么,我都会不断收到这些错 你能帮帮我吗？谢谢.

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

Answer 1

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

如果全部失败,您可以尝试使用Observable.from(TodoItems)甚至尝试创建自己的observable来返回您的值.

例如

Observable.create((observer: Subscriber<any>) => { observer.next(TodoItems); observer.complete(); });

Answer 2

你应该使用

import { of } from 'rxjs';

你可以直接调用'of'：

of('your data');