Set API end point as a provide for services

Author: caalvinz

src/app/shared/services/user/user.service.ts

@@ -1,4 +1,4 @@
-import { Injectable } from '@angular/core';
+import { Injectable, Inject } from '@angular/core';
 import { Control } from '@angular/common';
 import { Http, Response, Headers, RequestOptions, RequestOptionsArgs } from '@angular/http';
 import { Observable } from 'rxjs/Observable';
@@ -11,66 +11,65 @@ import { User } from './user';
 
 @Injectable()
 export class UserService {
- constructor (private http: Http) {
- 
+ constructor (private http: Http, @Inject('apiBase') private _apiBase: string) {
+
  }
 
- private _apiBase = 'https://angular2-login-seed.herokuapp.com';
  private _loginApi = this._apiBase + '/authorize/local';
  private _logoutApi = this._apiBase + '/logout';
  private _authenticatedApi = this._apiBase + '/api/authenticated';
  private _registerApi = this._apiBase + '/api/users/register';
  private _userExistsApi = this._apiBase + '/api/users/exists';
- 
+
  login(user) {
  let body = JSON.stringify(user);
  let headers = new Headers();
  headers.append('Content-Type', 'application/json');
- 
+
  return this.http.post(this._loginApi, body, <RequestOptionsArgs> {headers: headers, withCredentials: true})
  .map((res: Response) => res)
  .catch(this.handleError);
  }
- 
+
  authenticated() {
  return this.http.get(this._authenticatedApi, <RequestOptionsArgs> {withCredentials: true})
  .map((res: Response) => res.json())
  .catch(this.handleError);
  }
- 
+
  logout() {
  return this.http.get(this._logoutApi, <RequestOptionsArgs> {withCredentials: true})
  .map((res: Response) => res.json())
  .catch(this.handleError);
  }
- 
+
  register(user) {
  let body = JSON.stringify(user);
  let headers = new Headers();
  headers.append('Content-Type', 'application/json');
- 
+
  return this.http.post(this._registerApi, body, <RequestOptionsArgs> {headers: headers, withCredentials: true})
  .map((res: Response) => res)
  .catch(this.handleError);
  }
- 
+
  getUsers() {
  return this.http.get(this._apiBase + "/api/users?limit=5&desc=true", <RequestOptionsArgs> {withCredentials: true})
  .toPromise()
  .then(res => <User[]> res.json(), this.handleError)
  .then(data => { console.log(data); return data; }); // eyeball results in the console
  }
- 
+
  getMe() {
  return this.http.get(this._apiBase + '/api/users/me/', <RequestOptionsArgs> {withCredentials: true})
  .toPromise()
  .then(res => <User> res.json().me, this.handleError)
  .then(data => { console.log(data); return data; }); // eyeball results in the console
  }
- 
+
  private handleError (error: Response) {
  // in a real world app, we may send the server to some remote logging infrastructure
  // instead of just logging it to the console
  return Observable.throw(error || "Server Error");
  }
-}
+}

src/main.ts

@@ -1,5 +1,5 @@
 import { bootstrap } from '@angular/platform-browser-dynamic';
-import { enableProdMode } from '@angular/core';
+import { enableProdMode, provide } from '@angular/core';
 import { HTTP_PROVIDERS } from '@angular/http';
 import { disableDeprecatedForms, provideForms } from '@angular/forms';
 import { Angular2LoginSeedAppComponent, environment } from './app';
@@ -10,5 +10,11 @@ if (environment.production) {
  enableProdMode();
 }
 
-bootstrap(Angular2LoginSeedAppComponent, [APP_ROUTER_PROVIDERS, HTTP_PROVIDERS, UserService, disableDeprecatedForms(), provideForms()]);
-
+bootstrap(Angular2LoginSeedAppComponent, [
+ APP_ROUTER_PROVIDERS,
+ HTTP_PROVIDERS,
+ provide('apiBase', {useValue: 'https://angular2-login-seed.herokuapp.com'}),
+ UserService,
+ disableDeprecatedForms(),
+ provideForms()
+]);