如何在Angular中将html绑定到ngModel

Question

我有一个类似TextArea的输入控件，在其中使用[(ngModel)]进行双向绑定。 当显示HTML数据时，它显示带有HTML标记，而不是对其进行解释。 例如，我有HTML字符串<b>text</b>我希望它显示为text 。 如何使用ngModel做到这一点？

Answer 1

为此进行了堆叠闪电战，请检查以下内容：

https://stackblitz.com/edit/ngmodel-ngmodel-for-html-output

好吧，这就是我在这里所做的：

这是HTML的文本区域，我正在使用ngModel来查看签出HTML并在下面的div中返回HTML结果。

<textarea 
  [(ngModel)]="content"
  cols="50" 
  rows="10"></textarea>

<br><br><br>

<div [innerHtml]="content"></div>

这是我最初提供输入的TypeScript文件，但这并不重要。 确保至少定义该属性。

content = 
`<h2>Hello</h2>
<p>This is a great example...</p>
`;

我希望这能解决您的问题...