Question

有很多关于单位测试和角色模拟的方法，但所有这些都用于单元测试

我需要一个离线开发模式，其中http请求来自常量json，如何在angular5中完成？

Answer 1

创建一个可以在构建时替换的模拟服务：

<强> db.json

{
   "model": [
       ...
    ]
}

<强> data.service.ts

var db = require('./db.json');

@Injectable()
export class DataService {

    constructor() {

    }

    getData(): Observable<Model> {
        return Observable.of(db.model);
    }
}

Answer 2

如果要以ES6方式导入JSON：

首先在typings.d.ts

中添加定义

declare module "*.json" {
    const value: any;
    export default value;
}

然后，你可以像这样导入你的JSON：

import * as MOCKED_DATA from './mocked-data.json';

为离线开发环境模拟httpclient json数据

2 个答案: