2017-08-05 167 views
1

如果我詳細說明了我正在嘗試解決的問題,它將有助於解決我的問題。覆蓋Angular2/4中的組件模板?

我想在角材料工具提示使用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> 

這可能嗎?是否有另一種我忽略的方法來實現我所尋找的?

回答

1

HTML文件不能被改變,但是你可以從component.ts訪問元素文件

@ViewChild('dataContainer') dataContainer: ElementRef; 

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

在thie SO-answer找到。