Html Angular6根据构建配置更改站点日志

我在angular 6 web应用程序中设置了2个环境

在这里，我需要改变网站的标志取决于环境

徽标是从api返回的。取决于env如何运行api。以及如何在组件中使用它

我通过以下方式实现了与env config的静态徽标集成

environment.dev 环境测试 现在，徽标url从api返回为

Dev: http://url.com/getlog?cliid=1
test: http://url.com/getlog?cliid=2

在何处运行此api。如果是，如何配置此api对env文件的响应

---

请帮我做这个

您只需要在typescript中获取对该环境变量的引用，并使用绑定来更新HTML中的徽标源代码

打字稿：

import { environment } from './../../../environments/environment.dev';

logoUrl: string;

constructor{
    this.logoUrl= environment.logourl;
}

您现在可以将徽标url绑定到HTML图像，如下所示：

根据您的项目设置，在prod中运行Angular时，应使用相应的环境文件替换导入

生成新项目时，Angular将为您提供用于开发的

environment.ts

，以及用于生产的

environment.prod.ts

默认情况下，您需要在所有组件中导入

环境

，并且在为生产构建项目时，Angular会交换对生产的引用

Dev: http://url.com/getlog?cliid=1
test: http://url.com/getlog?cliid=2

import { environment } from './../../../environments/environment.dev';

logoUrl: string;

constructor{
    this.logoUrl= environment.logourl;
}