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

在 .

中找到

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

Override a components template in Angular2/4?

javascript

angular-material2

angular