首页 文章

如何在Angular中将html绑定到ngModel

提问于
浏览 次
1

我有一个像TextArea这样的输入控件，我使用 [(ngModel)] 进行双向绑定 . 显示HTML数据时，它会显示HTML标记而不是解释它 . 例如，我有HTML字符串 <b>text</b> 我希望它显示为 text . 我怎么能用ngModel做到这一点？

angular

1 回答

  • 0

    为此做了一个stackblitz，请检查一下：

    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>
`;

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

    回复于

相关问题