具有角度JS 4的动态TemplateUrl路径

Question

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

import {CommonService} from './../../shared';    

@Component({
  selector: 'app-main-layout',       
  templateUrl: 'thmes'+THEME+'./main-layout.component.html',      
  styleUrls: ['./main-layout.component.scss']    
})

export class MainLayoutComponent implements OnInit {    

  constructor(private common: CommonService) { }         
  ngOnInit() {
    console.log(this.common.getTheme());       
  }

}

我想渲染上面的文件。我也检查了动态模块渲染。它也只采用路径而不允许动态字符串。我怎么能像上面那样实现，

我已经看到这种方法在角度1到函数中存在，我如何在typescript中实现这一点

Answer 1

THEME是否会在运行时间发生变化，例如通过查询参数或者只需要在转换级别进行更改？

如果以后可以通过WebPack的DefinePlugin定义它。但是，如果以前我不认为除非通过儿童路线，否则你不能这样做。