javascript - 覆盖 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;
}

在 thie SO-answer 中找到.