title: angular2 metadata for environment variables
body: <p>Will try to describe my problem as much as possible</p>
  
  <p>I have 2 environment files, one for dev and one for prod, for dev is easy because is local but for prod we have 3 servers and when we build the app it generates an app.js that basically pass the enviroment variables that are basically strings:</p>
  
  <p>Basically it contains this:</p>
  
  <p>const ProdConfig: EnvConfig = 
      {
        ENV: 'PROD',
        API: '<a href="http://[ip" rel="nofollow noreferrer">http://[ip</a> address]:82/api',
        TOKEN: '<a href="http://[ip" rel="nofollow noreferrer">http://[ip</a> address]:82/token',
        SLIPS_API: '<a href="http://[ip" rel="nofollow noreferrer">http://[ip</a> address]:83/api',
      };</p>
  
  <p>in the [ip address] it contains the ip address of the server, the problem is that it works for one server so when we move the app to other the other server we need to manually edit the app.js and correct the ip address.</p>
  
  <p>Is there a way to make the ip address configurable by an external config file in this scenario?</p>