Javascript 如何使AngularJS表达式不显示任何内容？

假设我有以下HTML：

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

{{booleanVariable？“变量为true！”：null}

如果

booleanVariable

为false，则表达式应为空，并且

不应呈现。但是，它只是将“null”打印到

标记中，就好像我刚刚键入了

null

---

如何使表达式不呈现任何内容？

使用

undefined

而不是

null

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

---

使用

undefined

而不是

null

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

---

最好的解决办法是使用

变量为真
 

---

ng show

将在DOM中具有

，但如果您使用

ng，则它只是隐藏的，如果
也不在DOM中，则最好使用

变量为真
 

ng show
将在DOM中具有
，但如果使用
ng，则它只是隐藏的，如果
将不在DOM中，则空字符串也是有意义的

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

{{booleanVariable？“变量为true！”：'}

空字符串是有意义的

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

{{booleanVariable？“变量为true！”：'}

使用
ng show
您的元素将被隐藏，这可能是不需要的。（示例：带有css填充的元素——将破坏布局）。另一方面，您可以使用
“
双引号代替null。使用
ng show
您的元素将被隐藏，这可能是不需要的。（示例：带有css填充的元素——将破坏布局）。另一方面，可以使用双引号来代替null。