如何在angular2中模拟http.get

时间:2017-08-10 07:49:23

标签: angular

让我解释一下。

我在" matiere.service.ts"

中有这样的请求
import { Injectable } from '@angular/core';
import {Http, RequestMethod} from '@angular/http';
import 'rxjs/add/operator/toPromise';

@Injectable()
export class MatiereService {
   private baseUrl = 'http://localhost:8080/tpFormation-web';

   constructor(private http: Http) { }

   list() {
        return this.http.get(`${this.baseUrl}/matiere`);
   }

   find(id) {
       return this.http.get(`${this.baseUrl}/matiere/${id}`);
   }
}

我想要像fakematiere.service.ts那样创建虚假请求。我点亮了,因为我连接的REST api尚未编码。我已经检查过" in-memory-web-api"但我不知道它是否是正确的工具而且我不知道如何实现它。

任何帮助?

2 个答案:

答案 0 :(得分:1)

根据@Rahul的说法,如果你只是在做,那么json文件既快捷又简单。

我有一个在这里使用json文件的例子:https://github.com/DeborahK/Angular2-GettingStarted

基本上,您只需更改以下代码行:

private baseUrl = 'http://localhost:8080/tpFormation-web';

指向您的json文件。

但是如果你有/ post / etc,那么在内存api中就可以了。

我有一个在内存api中使用的示例:https://github.com/DeborahK/Angular-Routing

答案 1 :(得分:0)

我确实使用了

npm install -g json-server

完美地工作!

由于