如何在 Angular 中动态更改环境变量？

Question

当我在文本框中插入自定义 URL 时，我正在尝试更改环境变量，这将根据在网站上显示响应而更改环境变量。

这是我的 TypeScript 代码：

   generateQRCode() {
      this.value = this.qrcodename;
      localStorage.clear()
      localStorage.setItem("key", JSON.stringify(this.qrcodename));

  }

HTML

  <div class="form-group">
      <input
        type="text"
        class="form-control"
        id="qr"
        aria-describedby="qr"
        placeholder="Enter code"
        required
        [(ngModel)]="qrcodename"
      />
    </div>

我想用 qrcodename 的值更改这个 baseUrl

export const environment = {
  production: false
   baseUrl: "http://127.0.0.1:5000/"

};

Answer 1

我只是使用本地存储并在我想使用此 Url 输入的地方访问它这是我的简单代码

  getDashboardData(): Observable<any> {

    let url = JSON.parse(localStorage.getItem('key'));
    return this.http.get(url + "/dashboard");

}