如何使用Angular 2进行模拟

时间:2017-05-16 07:41:03

标签: angular typescript mocking

我正在寻找一种在没有我的后端服务或网络的情况下工作时在CONST或.json文件中使用模拟数据的方法。

目前我使用我的服务:

get_clubs(): Observable<Club[]> {
    return this.http.get(`${this.config.apiEndpoint}clubs`, options)
        .map((res: Response) => res.json())
        .catch((error: any) => 'doing stuff';
};

我的app.config.ts中定义的${this.config.apiEndpoint}是我的网址,作为全局常量(found here

我开始创建一些CONST文件(user.mock.ts):

export const CLUBS: Club[] = [
    {
        "_id": "...",
        "name": "..."
    },
    {
        ...
    }
];

有时我无法到达我的后端,我想从我的CONST或我的.json文件中选择数据。

你有任何线索吗?

1 个答案:

答案 0 :(得分:0)

您可以使用Observable.of从普通数组创建一个observable:

import { CLUBS } from "./user.mock";

get_clubs(): Observable <Club[]> {
    // You can probably switch between real call and the mocked call below using a config
    return Observable.of(CLUBS);
};