角matTooltip呈现为纯文本

Question

我正在用角度7遍历JSON文档，其中每个迭代对象都有一个句子和一个单词列表。然后，我尝试使用以下方法为句子中的每个匹配单词添加一个工具提示，

let sentence = ''';
addTooltip(word: string){
    let updatedWord = '<span matTooltip="word decription">'+word+'</span>';
    return this.sentence.replace(new RegExp(word, 'gi'), updatedWord);
}

在HTML中，与其将更新的单词呈现为工具提示，不如将其显示为纯文本格式的全跨度标签，

<span matTooltip="word decription">word</span>

但是当我直接在HTML中放置同一行时，它完美地显示了工具提示。

我是否需要在打字稿或CSS中添加任何其他代码才能使其正常工作？

Answer 1

据我了解，您希望将HTML标记从组件添加到模板。

为此，您可以绑定到它，并使用innerHTML属性在模板中应用类似这样的标记

<div [innerHTML]="sentence"></div>

希望这对您有所帮助：）