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

我试图用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），并且它在p标记内绑定，因此不应用该标记，其余元素作为文本字符串保留在下面

我怎样才能使它如此有角度，以整个多行响应并相应地渲染它

---

我遇到的另一个问题是，如果要呈现的HTML在行开始之前有一些空间（即，如果它是列表的），那么它只会打印出标记内的选项卡，并将所有内容保留为字符串文本

你能把它全部放在一个div中吗？@IrkenInvader得到同样的结果，只有第一个元素显示在标记中，其余元素作为文本字符串保留在它下面。