2013-12-19 14 views
7

HTMLコメントの角度生成を削除または無効にすることはできますか? :empty疑似クラスを使用するCSSルールを破るコメントコメントをHTMLから削除する

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

その。適用されるルールのためには、何の空白やコメントがないように必要

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

<ol></ol> 
+1

代わりに、 '!list.length'に' ng-show'を使うことができます。 –

+1

[Angular JSのヘルパーHTMLコメントを削除しますか?](http://stackoverflow.com/questions/20508412/remove -helper-html-comments-in-angular-js) – zsong

+1

は、cssの代わりに 'ng-if'を使用して' No Results'を生成することができます – charlietfl

答えて

2

:before:after擬似要素で使用されて私はng-class="{ empty: !list.length }"でクラス.emptyを追加し、pseudoelement :emptyに頼らずにそのようにCSSルールを適用することになりました。

0

それを行うための最も効率的か直接的な方法はありませんが、あなたは削除するためにJavaScriptを使用することができます要素の内容このような何か作業をする必要があります:

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

を私はあなたが持っている構造の種類を知りませんが、私はCSSがロードされる前に、あなたがこれをこっそり可能性が確信している...

編集

@zsongとこの投稿hereでリンクされている投稿を読んだら、これをしようとするとAngularが壊れてしまうことがあります。私が推測する方法は一つだけです!

1
$compileProvider.debugInfoEnabled(false); 

しかし、角度のついたコメントの参照を持つプラグインがいくつか破損する可能性があります。

関連する問題