Anruf eine globale Konstante in Dienst Angular2

Question

In meiner Angular2 Anwendung ich Dienste verwenden, die eine REST-API wie folgt aufrufen aus http://localhost:22222/app/webresources/entity..

ich Teil dieser URL nur einmal einstellen wollen und von den Dienstleistungen nennen, die ich brauche, .
Ich denke, ich muss eine Schnittstelle erstellen, die eine konstante URL hat, aber ist es möglich, dies in einem Dienst zu implementieren?

Answer 1

Ich habe so etwas in meinem Daten-access.service.ts:

export const API_URL: string = "http://my.api.com/" 

Es ist nützlich, weil ich es in meinem Dienst Methoden verwenden:

getStuff(): Observable<Stuff> { 
    return this.http.get(API_URL + `/path/to/stuff/with/${parameters}`) 
     .map(response => response.json()) 
     .catch(this.logError); 

oder später in einer Vorlage irgendwo:

import { API_URL } from '../shared/data-access.service'; 

@Component({ 
    template: '<a href="{{api}}/stuff">Link to stuff</a>' 
}) 
export class MyComponent { 
    api: string = API_URL; 
… 
}