angular - typescript : return Array as Observable

如何在 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));    }
}

最佳答案

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

如果一切都失败了，您可以尝试使用 Observable.from(TodoItems) 甚至尝试创建自己的可观察对象，它会返回您的值。

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

关于angular - typescript : return Array as Observable，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42078711/