如何在Angular中将html绑定到ngModel

Question

我有一个输入控件，例如TextArea，在其中我使用[(ngModel)]进行两种方式     捆绑。当显示HTML数据时，它显示带有HTML标记，而不是对其进行解释。例如，我有HTML字符串<b>text</b>，我希望它  显示为文本。如何使用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>
`;

我希望这可以解决您的问题...