角度動態環境API替換

Question

我有一個簡單的應用程序登錄頁面。 在此頁面上有登錄名，密碼和額外下拉列表字段，用戶可以在其中選擇要連接的API。

在代碼中，我有帶有apiEndpoint屬性的environment.ts文件，它是一個字符串。

例：

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

此apiEndpoint用於應用程序中的所有服務。

我想動態地在envitonments.ts中更改此值。 因此，當用戶從下拉列表' API2 '中選擇登錄頁面時，environment.ts看起來像：

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

Answer 1

你的環境應該是這樣的：

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

當您從選擇框中選擇一個選項時，請調用其中一個API。