在Angular2 / 4中覆盖组件模板？

Question

如果我详细说明了我试图解决的问题，那么我的问题就会有所帮助。

我想在Angular Material工具提示中使用HTML，当前模板不支持此功能：

<div class="mat-tooltip"
     [ngClass]="tooltipClass"
     [style.transform-origin]="_transformOrigin"
     [@state]="_visibility"
     (@state.done)="_afterVisibilityAnimation($event)">
  {{message}}
</div>

为了在工具提示中使用HTML，我想将模板覆盖到以下内容：

<div class="mat-tooltip"
     [ngClass]="tooltipClass"
     [innerHTML]="message"
     [style.transform-origin]="_transformOrigin"
     [@state]="_visibility"
     (@state.done)="_afterVisibilityAnimation($event)">
</div>

这可能吗？还有其他方法我忽略了实现我正在寻找的东西吗？

Answer 1

无法更改html文件，但您可以从component.ts文件中访问该元素

@ViewChild('dataContainer') dataContainer: ElementRef;

loadData(data) {
    this.dataContainer.nativeElement.innerHTML = data;
}

见于SO-answer。