javascript - 如何让 Angular 识别绑定(bind)中的 HTML？

Question

我正在尝试让 Angular 识别绑定(bind)文本中的标签:

<p *ngFor="let explanation of explanations">{{explanation.htmlText}}</p>

这是解释对象的样子:

{
   "id": 1,
   "htmlText": "This is a dummy text to test <a>links</a>. Looks like it doesn't work."
}

但是结果是这样的:

有没有办法让它识别 <a>标记并显示实际的 <a> <p> 内的元素元素？

Answer 1

使用innerHTML因为传统的插值是行不通的，

<p *ngFor="let explanation of explanations" [innerHTML]="explanation.htmlText"></p>

希望这对您有所帮助!