Javascript 通过绑定的html代码显示角度表达式

Javascript 通过绑定的html代码显示角度表达式,javascript,angular,Javascript,Angular,我目前正在开发一个Mean stack应用程序,我正在构建一个可重用的表组件。目前,使用“硬编码”选项卡,我会像教程中一样显示表格 <tr *ngFor="let car of cars"> <td>{{ car.name }}</td> <td>{{ car.make }}</td> </tr> {{car.name} {{car.make} 然而,在我的可重用组件中,我将这个html生成一个名为tdHT

我目前正在开发一个Mean stack应用程序,我正在构建一个可重用的表组件。目前,使用“硬编码”选项卡,我会像教程中一样显示表格

<tr *ngFor="let car of cars">
   <td>{{ car.name }}</td>
   <td>{{ car.make }}</td>
</tr>

{{car.name}
{{car.make}
然而,在我的可重用组件中,我将这个html生成一个名为tdHTML的变量。我试图让tdHTML的行为与上面的td相同,但是当我尝试以下内容时

<tr *ngFor="let car of cars" [innerHTML]="this.tdHTML"></tr>

我没有得到预期的输出。相反,我的表将填充实际文本“{car.make}}”等,而不是绑定到这些变量的值

如何使用上述方法获取与{{car.make}}关联的值而不是文本


p.S使用角度2,以防相关信息。也不确定标题是否具有足够的描述性

您不需要引用“this”对象,只需使用[innerHTML]=“tdHTML”,这将解决问题issue@Mr.Wolf即使在我的typescript文件中生成了tdHTML,这是否也可以工作?为什么不需要this作为将来的参考呢?“this”在html中是隐式的,我认为您不需要这样指定,假设tdHTML的定义类似于tdHTML:string='';在component.ts文件中。如果您仍然面临问题,那么您可能必须检查tdHTML是如何定义的。如果您试图嵌入角度HTML,那么您可能需要搜索