如何獲得一個不顯示任何內容的AngularJS表達式？

Question

說我有以下HTML：

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

如果booleanVariable為false，則表達式應為空，並且<p></p>不應呈現。 但是，它只是將“ null”打印到<p>標記中，就像我剛剛鍵入<p>null</p> 。

我將如何使表達式不呈現任何內容？

Answer 1

使用undefined代替null 。

<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將有<p>在DOM但它只是隱藏的，如果你使用ng-if <p>將不會在DOM還

Answer 3

空字符串是有意義的。

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