javascript - 在AngularJS中绑定复杂的富文本元素

Question

我正在尝试用 AngularJS 绑定一个复杂的多行富文本元素，比如：

<h1>Title</h1>
<p>Some content</p>
<p>More Content maybe with <i>italics</i> or <strong>bold</strong></p>
<p><a href="#">Even links</a></p>

现在，当尝试使用简单的 ng-bind-html 进行渲染时，它只绑定第一个元素（在本例中为 h1），并且在 ap 标记内执行此操作，因此不应用该标记，其余部分保留为一个文字字符串。

我怎样才能让Angular获取整个多行响应并相应地呈现它？

我遇到的另一个问题是，如果要渲染的 HTML 在行开始之前有一些空间（也就是说，如果它完全是表格），那么它只会打印出

标记并将所有内容保留为字符串文字。

标签： javascriptangularjsng-bind-htmlngsanitize