Angular 2: Wo ist die URL 'api/heroes' definiert?

Question

Ich ging durch Teil 7 von Angular 2 Tour of Heroes Tutorial. Nach dem Einfügen von InMemoryWebApiModule verwendet hero.service.tsprivate heroesUrl = 'api/heroes';.

Woher weiß die App, dass die WebAPI-URL api/heroes ist? Ich sehe das nicht definiert in app-routing.module.ts. Wie funktioniert die URL-Zuordnung zu InMemoryWebApiModule?

Answer 1

ich auf meiner Erfahrung werde hier ... nicht in der Tiefe Kenntnis der InMemoryWebApiModule ...

Es scheint, dass die „api“ durch die InMemoryWebApi erfasst wird. Und die "Helden" ist die Datenstruktur, die in der Methode createDb() definiert ist.

Zum Beispiel sieht Mine wie folgt aus:

private baseUrl = 'api/products'; 

Und meine Datendatei sieht wie folgt aus:

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

Answer 2

rechts am oberen Rand der Seite, dieses Tutorial sie den Import definieren Dies.

--Removed Wegthema Referenz-Code, ich falsch verstanden Art der Frage ein wenig .--

und dann, unter dem sie geben uns den Code für den Artikel.

Die InMemoryWebAPI verwendet die https://github.com/angular/in-memory-web-api eine lokale Datenbank zu erstellen, die auf es verweisen aufruft. Dieses Modul scheint der Punkt zu sein, der die/api-Aufrufe erfasst/registriert.

Dies ist nur eine Alternative zur Verwendung eines tatsächlichen Backends.