Υποενότητα 14.3: Angular HTTP Client - Πρακτική

Δημιουργήστε ένα νέο αρχείο με όνομα  baseurl.ts στον κοινόχρηστο - shared φάκελο και ενημερώστε τα περιεχόμενά του ως εξής:

export const baseURL = 'http://localhost:3000/';

Σημειώστε την εξαγωγή της σταθεράς που ονομάζεται   baseURL  που έχει οριστεί σε http://localhost:3000. Θυμηθείτε ότι αυτή είναι η βασική διεύθυνση URL στην οποία είναι προσβάσιμος ο διακομιστής JSON.

Εισαγάγετε baseURL και ενημερώστε την ιδιότητα του παρόχου- provider AppModule του διακοσμητή@NgModule :

...
import { baseURL } from './shared/baseurl';
...
@NgModule({
...
providers: [...
LeaderService,
{provide: 'BaseURL', useValue: baseURL}],
...

Το Angular παρέχει έναν τρόπο παροχής τιμών στην υπόλοιπη εφαρμογή, ρυθμίζοντας το app module.

Σημειώστε την εισαγωγή { baseURL } from './shared/baseurl';

Αυτή η τιμή μπορεί πλέον να διατεθεί στην υπόλοιπη εφαρμογή μεταβαίνοντας στους παρόχους και προσθέτοντας {provide: 'BaseURL', useValue: baseURL}],.