从 main.ts 设置 Angular 环境

Question

我想在加载应用程序之前为 OAuth 加载一些配置。我一直在关注 post，但是当我尝试设置环境变量时，我的 app.main.ts 出现错误：

cannot find name environment

这是我的app.main.ts：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { ProdConfig } from './blocks/config/prod.config';
import { HelloworldAppModule } from './app.module';

ProdConfig();

if (module['hot']) {
  module['hot'].accept();
}

(async () => {
    const response = await fetch ("../../../../../config.json")
    const config = await response.json();
    environment['issuer'] = config.issuer;
    environment['redirectUri'] = config.redirectUri;
    environment['clientId'] = config.clientId;

    platformBrowserDynamic()
        .bootstrapModule(HelloworldAppModule, { preserveWhitespaces: true })
        // eslint-disable-next-line no-console
        .then(() => console.log('Application started'))
        .catch(err => console.error(err));
})();

如何从 app.main.ts 设置环境？

Answer 1

为了使用环境变量，您需要import

import Environment from "./Environment.ts"

从 main.ts 设置 Angular 环境

Set Angular environment from main.ts

environment

config

angular