2017-08-16 2 views
2

私はAngular 2 Tour of Heroesチュートリアルのパート7を使っていました。 InMemoryWebApiModuleを組み込んだ後、hero.service.tsprivate heroesUrl = 'api/heroes';を使用します。角2:url 'api/heroes'はどこに定義されていますか?

アプリはWebAPIのURLがapi/heroesであることをどのように知っていますか?私はこれがapp-routing.module.tsで定義されているのを見ません。 InMemoryWebApiModuleへのURLマッピングはどのように機能しますか?

答えて

3

私はここに私の経験ではない... InMemoryWebApiModuleの深い知識に行くよ...

「API」がInMemoryWebApiによって捕獲されることが表示されます。また、「ヒーロー」はcreateDb()メソッドで定義されたデータ構造です。

例えば、鉱山は、次のようになります。

private baseUrl = 'api/products'; 

そして、私のデータファイルは、次のようになります。右ページの上部近く

export class ProductData implements InMemoryDbService, InMemoryBackendConfig { 
    createDb() { 
     let products: IProduct[] = [ ...]; 
     return { products }; 
    } 
} 
+1

あなたは正しいですhttps://github.com/angular/in-memory-web-api –

+1

はい!ドキュメント!それを追加してくれてありがとう! :-) – DeborahK

0

、彼らはのために輸入を定義するチュートリアルのこの。

--Removedオフトピックコードの参照が、私は一種の質問ビット.--

を読み違え、その後、その下に、彼らは私たちに言った項目のコードを与えます。

InMemoryWebAPIは、 https://github.com/angular/in-memory-web-api を使用して、それが参照するローカルデータベースを作成します。このモジュールは、/ api呼び出しをキャプチャ/登録するアイテムのようです。

これは、実際のバックエンドを使用する代わりの方法です。

関連する問題