Установить заголовок приложения динамически в соответствии с именем домена в проекте Angular 2 Seed

Question

Я хочу изменить имя приложения Angular 2 Seed, используя переменную рабочей среды. У меня есть две доменные и две среды (DEV, PROD) для каждой из них, и я хочу динамически менять имя приложения при запуске приложения

Я пытаюсь изменить переменную APP_NAME в классе ProjectConfig, который расширяет класс SeedConfig. Когда я использую переменную TITLE среды в ProjectConfig, программа не запускается.

Я установил this.APP_TITLE = Config.TITLE; в классе ProjectConfig. (Config.TITLE исходит из окружающей среды.)

Я хочу показать текущее доменное имя в разделе APP TITLE.

В файле index.html есть строка

 <title><%= APP_TITLE %></title>

, которые берут заголовок приложения из переменной ProjectConfig APP_TITLE. Я пытаюсь изменить переменную APP_TITLE, используя мою переменную env TITLE, чтобы я мог динамически устанавливать имя приложения. У меня есть два приложения, такие как «APP NAME 1», «APP NAME 2». У меня есть две среды (DEV, PROD) для каждого домена и четыре среды dev.ts, prod.ts, dev2.ts, prod2.ts, которые используют интерфейс EnvConfig. введите описание изображения здесь когда я бегу

npm start -- --env-config dev

APP NAME 1 работает в режиме разработки.

npm start -- --env-config dev2

APP NAME 2 работает в режиме разработки.

Вкратце, я хочу, чтобы динамически отображалось имя запущенного приложения в разделе APP_TITLE файла index.html

Answer 1

Я решаю проблему с помощью службы Title в angular.io / guide / set-document-title

Я просто добавляю код в файл app.component.ts

 this.titleService.setTitle(Config.TITLE);

Значение Config.TITLE происходит из переменной среды динамически.