angularjs - 如何在 AngularJS 中测试 {{ }} 内的对象是否为空？

Question

我的 HTML 页面中有以下代码：

xx {{ option.selectedTopic }} yy {{ (option.selectedTopic == null) }} zz

当我运行我的应用程序时，我得到以下输出：

xx null yy false zz

我试着去掉测试周围的附注，但它仍然给了我同样的效果。有什么我想念的吗？

Answer 1

这是在黑暗中拍摄的，但请尝试：

{{ !!option.selectedTopic }}

我不知道 JavaScript 的所有语法，但我记得它!!接受一个值并将其转换为布尔等价物（即真或假）或类似的东西。希望有人能比我更好地澄清这一点:)，但我认为这种!!方法会奏效。

Answer 2

如果您得到该结果，则 option.selectedTopic 不等于 null，尽管 xx 和 yy 之间存在什么。

但是，'blah === null' 是您想要的，因为当您测试的变量是虚假的时，== 将导致匹配。0 或未定义或空字符串 ''

http://plnkr.co/edit/2aUMHEphnva9RylWIxNo?p=preview

您面临的问题是 option.selectedTopic 等于 NaN，由于某种奇怪的原因，它输出为 null。真正的 null 将不输出任何内容。