如何在Angular templateurl中添加变量

Question

我想为我的组件加载供应商特定的html模板。下面是一个代码片段。问题是，我将解析文本字符串作为输出而不是实际模板。有人可以帮我了解这里出了什么问题吗？

代码段：

import { Component, OnInit } from '@angular/core';
import {environment} from '../../environments/environment';

const helplineTemplate: string = './vendors/helpline.'+environment.vendor_prefix+'.component.html';

@Component({
  selector: 'app-helpline',
  templateUrl: helplineTemplate,
  styleUrls: ['./helpline.component.css']
})
export class HelplineComponent implements OnInit {
  constructor() { }
  ngOnInit() {
  }
}

我得到的输出：

./vendors/helpline.google.component.html

这里google是来自环境文件的变量。 environment.vendor_prefix

这可能不是对this的重复问题。我实际上是想了解奇怪的行为。尽管其为templateUrl，但其行为仍类似于template。另外，变量值在编译器到达类装饰器之前就已得到解析。