Javascript AngularJS指令模板开头的注释

AngularJS似乎在处理HTML模板第一行中的注释时遇到问题

Console显示以下错误：

Error: [$compile:tplrt] http://errors.angularjs.org/1.3.15/$compile/tplrt?p0=deviceItem&p1=deviceItem.html
    at Error (native)
    at https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js:6:417
    at https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js:65:275
    at https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.min.js:112:113

因此，不要在AngularJS指令的第一行使用注释，以避免此问题

---

有人知道这是为什么还是一个错误吗？

该链接解释了这是一个错误的原因：

当使用template（或templateUrl）声明指令并启用replace模式时，模板必须只有一个根元素

注释和文本节点仍然是元素，即使它们不是标记。因此，你不能有这个：

<!-- comment node -->
non-comment node

---

在指令的定义中使用replace没有帮助，但是移动有帮助。感谢您对错误消息中链接的启发。我没有意识到这就是问题的原因。

<div>
    <!-- directive comments -->
    other things
</div>