如何在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尚未編碼。我檢查過「內存中的Web-API」，但我不知道它是否是正確的工具和壽，我真的不知道如何實現它。

任何幫助？

Answer 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

Answer 2

我沒有完全使用

npm install -g json-server

工作！

感謝