从 html 中删除角度注释答案

【问题标题】：remove angular comments from html从 html 中删除角度注释
【发布时间】：2013-12-19 21:30:44
【问题描述】：

是否可以删除或禁用 Angular 生成的 HTML cmets？

<ol class="items">
    <!-- ngRepeat: item in list | orderBy:'time':true -->
</ol>

它打破了使用:empty 伪类的 CSS 规则。

ol:empty {
    content: "No results";
}

为了应用规则，不需要有空格或 cmets：

<ol></ol>

【问题讨论】：

【解决方案1】：

我最终添加了一个类 .empty 和 ng-class="{ empty: !list.length }"，并以这种方式应用 CSS 规则，而不依赖于伪元素 :empty。

【讨论】：

【解决方案2】：

$compileProvider.debugInfoEnabled(false);

但它可能会破坏一些在角度 cmets 上有引用的插件。

【讨论】：

【解决方案3】：

虽然不是最有效或最直接的方法，但您可以使用 javascript 删除元素的内容。这样的事情应该可以工作：

document.getElementsByClassName('items').innerHTML = "";

我不知道你有什么样的结构，但我相信你可以在加载 CSS 之前偷偷溜进去......

编辑

阅读@zsong 链接的帖子和here 的帖子后，您可能最终会破坏Angular 尝试执行此操作。我猜只有一种方法可以找出答案！

【讨论】：

【解决方案4】：

content 属性与:before 和:after 伪元素一起使用

【讨论】：