anteburazer

import { TranslateModule } from 'ng2-translate';

@NgModule({
  imports: [
    TranslateModule.forRoot()
  ],
});

anteburazer

import { APP_INITIALIZER } from '@angular/core';

export function configServiceFactory (config: ConfigService) {
  return () => config.load()
}
...
@NgModule({
  ...
  providers: [
    ...

anteburazer

let baseUrl: string = this.configService.get(api).baseUrl;

anteburazer

@Injectable()
export class ConfigService {

  private config: Object
  private env:    Object

  constructor(private http: Http) {}

  /**
   * Loads the environment config file first. Reads the environment

anteburazer

{
  "api": {
    "baseUrl": "/api"
  },
  "debugging": true
}

anteburazer

"scripts": {
  "start": "npm run pre-start & ng serve",
  "pre-start": "node hooks/pre-start.js",
  "pre-build": "node hooks/pre-build.js",
  "my-custom-build": "npm run pre-build & ng build --prod --aot"
}

anteburazer

{ "env": "development" }

anteburazer

function setEnvironment(configPath, environment) {
  fs.writeJson(configPath, {env: environment},
    function (res) {
      console.log('Environment variable set to ' + environment)
    }
  );
}

// Set environment variable to "production"
setEnvironment('./src/config/env.json', 'production');

anteburazer

const formDataMediaType = {
  'Accept':       'application/json, text/plain, */*',
  'content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
};

@POST("/products")
@Produces(MediaType.FORM_DATA)
@Headers(formDataMediaType)
@Adapter(CustomService.customAdapter)

anteburazer

@Injectable()
@DefaultHeaders({
  'Accept':       'application/json',
  'Content-Type': 'application/json'
})
export class ProductsApiClient extends HttpService {
  @PUT("/products/{id}")
  public updateProductById(@Path("id") id: number, @Body product: Product): Observable<any> { return null; };
}