AngularJS Expressionに何も表示されないようにするには？

Question

は、私は、次のHTMLを持って言う：

<p>{{ booleanVariable ? "The variable is true!" : null }}</p> 

booleanVariableがfalseの場合、式は空であるべきと<p></p>がレンダリングされないはずです。しかし、ちょうど私が<p>null</p>とタイプしたかのように、<p>タグに "null"を表示します。

何も表示しないようにするにはどうすればよいですか？

Answer 1

nullの代わりにundefinedを使用してください。

<p>{{ booleanVariable ? "The variable is true!" : undefined }}</p> 

簡単な解決策はngShow次のようになります。あなたが使用している場合

<p ng-show="booleanVariable">The variable is true!</p> 

Answer 2

最善の解決策は

<p ng-if="booleanVariable">The variable is true!</p>

ng-showを用いることであろうDOMで<p>を持っていますが、そのわずかに隠れますng-if<p>はDOMにも含まれません

Answer 3

空の文字列は意味があります。

<p>{{ booleanVariable ? "The variable is true!" : '' }}</p>