Переключение между двумя различными templatesUrl в компоненте Angular 6

Question

В Angular 6 у нас есть два разных шаблона .html для каждого компонента, и мы должны изменить его в зависимости от среды, которую мы развертываем.

Мы ищем наилучшую практику для этого.

Думая о решениях:
- Невозможно передать переменную в декоратор компонента.
- С Angular CLI 6 возможно генерировать несколько проектов (ng generate --application).

Эта последняя точка может быть решением, но нам нужно использовать один и тот же маршрут.

Answer 1

Пока мы искали плагин webpack для замены строк, мы нашли действительно простой способ сделать это в этом справочнике github.

Ключ заключается в изменении декоратора компонента "templateUrl "to" template "и передайте требование с переменными, как в этом примере:

var url = environment.option ? '.other' : '';

@Component({
  selector: 'app-root',
  template: require('./app.component' + url + '.html'),
  styleUrls: ['./app.component.scss']
})