Angular6 меняет журнал сайта в зависимости от конфигурации сборки

Question

У меня есть 2 настройки среды в моем угловом 6 веб-приложении.

Здесь мне нужно изменить логотип сайта в зависимости от среды.

Логотип возвращается из API.В зависимости от ENV, как запустить API.И как использовать это в компонентах.

Я реализовал статическую интеграцию логотипа с конфигурацией env

environment.dev

     production: true,
  logourl: 'assets/images/logo.png',

environment.test

     production: true,
  logourl: 'assets/images/logo1.png',

Теперь URL-адрес логотипавозвращается из API как

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

Где запустить этот API.Если так, как настроить этот ответ API на файл env.

Пожалуйста, помогите мне сделать это.

Answer 1

Вам просто нужно получить ссылку на эту переменную среды в машинописном тексте и использовать привязку для обновления источника логотипа в HTML.

Машинописный текст:

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

logoUrl: string;

constructor{
    this.logoUrl= environment.logourl;
}

Теперь можно привязать URL-адрес логотипа к HTMLизображение выглядит так:

<img [src]="logourl" />

В зависимости от настроек вашего проекта, когда вы запускаете Angular в prod, он должен заменить импорт соответствующим файлом среды.

Когдавы создаете новый проект, Angular дает вам environment.ts для разработки и environment.prod.ts для производства.

По умолчанию вы импортируете environment во все ваши компоненты, и когда вы создаете проект для производства, Angular меняет местами ссылки на производство.