Angular 6：编译模板变量

Question

我正在使用网页中包含的模板文件，以便在*ngFor循环中重复该文件。

我真正的基本模板文件如下所示：

 <div style="margin: 10px; border : 1px solid black;">
    <div [innerHtml]="templateData"></div>
    <br>
    <br>
    <img [src]="templateData.templateImgPath">
    <br>
    <br>
    <span ng-bind="templateData.age"></span>
    <div>Age : {{templateData.age}}</div>
 </div>

我将这样的文件加载到Web组件中：

 this.http.get(url).subscribe((html: any) => {
    this.templateContent = this.sanitizer.bypassSecurityTrustHtml(html._body);
    console.log(this.templateContent)
 }); 

现在这很好用，但是所有{{variables}}都没有编译。我认为在AngularJS中我们可以$compile来完成这项工作，但是如何在Angular 6中实现呢？