角度动态环境API替换

Question

I have a simple application with login page. On this page there is login, password and extra dropdownlist field where user choose to which API he would like to connect.

In code I have environments.ts file with apiEndpoint property and it's a string.

Example:

export const environment: any = {
  settings: {
    apiEndpoint: 'http://example.com/API1'
  }
}

This apiEndpoint is used in all services in the application.

I would like to change this value in envitonments.ts dynamically. So when the user choose on login page from dropdownlist ' API2 ' then environments.ts looks like:

export const environment: any = {
  settings: {
    apiEndpoint: 'http://example.com/API2'
  }
}

Answer 1

your environment should be like this:

export const environment = {
   production: false,
   API1: 'https://example.com/api1',
   API2: 'https://example.com/api2'
};

and when you choosing an option from your select box call one of these APIs.