title: Angular 2: How to handle app configuration for different environments
body: <p>The following scenario: I build an Angular app which consumes a REST API (that could be built with Elixir or RoR or whatever). During development I want Angular to consume a different API than in production (maybe with test data, maybe because I build the API at the same time and it runs on my machine).</p>
  
  <p>Additionally other members of my team might want to use another local API address. That means this shouldn't go into the version control system.</p>
  
  <p>So for example the <code>api_base_url</code>could be <code>http://localhost:4000</code> for me, <code>http://testapi.local</code> for my colleague and <code>http://api.example.com</code> for production. </p>
  
  <p>The <code>api_base_url</code> value should be available in multiple components.</p>
  
  <p>What is a good approach to handle this?</p>