Angularjs $compile:html加载页面时出错

这意味着您的指令HTML不是一个元素的根

Error: [$compile:tplrt] Template for directive 'tdLsoMessages' must have exactly one root element. tpl/lsoMessages.tpl.html
http://errors.angularjs.org/1.2.29/$compile/tplrt?p0=tdLsoMessages&p1=tpl%2FlsoMessages.tpl.html
    at app.min.js:1
    at app.min.js:1
    at app.min.js:2
    at k (app.min.js:2)
    at k (app.min.js:2)
    at app.min.js:2
    at k.$eval (app.min.js:2)
    at k.$digest (app.min.js:2)
    at k.$apply (app.min.js:2)
    at i (app.min.js:2)

这是无效的，因为它是两个独立的元素。要解决这个问题，只需将它们包装在一个div中

<div>

</div>
<span>

</span>

---

现在它是一个单数元素，带有子元素。

这不是一个很好的组合问题。

<div>
    <div>

    </div>
    <span>

    </span>
</div>