如何在angular2中模拟http.get

Question

让我解释。

我在“ 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”，但是我不知道它是否是正确的工具，但是，我真的不知道如何实现它。

有什么帮助吗？

Answer 1

按照@Rahul所说的，如果您只是做gets，那么json文件又快又容易。

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

基本上，您只需要更改以下代码行：

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

指向您的json文件。

但是，如果您有put / post / etc，那么在内存中使用api是可行的方法。

我在这里有一个在内存中使用API​​的示例： https ： //github.com/DeborahK/Angular-Routing

Answer 2

我用过

npm install -g json-server

完美地工作！

谢谢