如何测试AngularJS中{{}}内的对象为空?

时间:2013-10-03 08:24:49

标签: angularjs

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

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

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

xx null yy false zz

我尝试去除测试周围的假发,但它仍然给了我同样的东西。有什么我想念的吗?

2 个答案:

答案 0 :(得分:0)

这是黑暗中的镜头,但请尝试:

{{ !!option.selectedTopic }}

我不知道所有JavaScript的语法,但我记得!!接受一个值并将其转换为布尔等价物(即真或假),或类似的东西。希望有人能比我更清楚地澄清这一点:),但我认为!!方法可行。

答案 1 :(得分:0)

如果你得到那个结果,那么option.selectedTopic不等于null,不管xx和yy之间是什么。

然而,'blah === null'是你想要的,因为当你测试的变量是任何虚假的时候,==会导致匹配。 0或未定义或空字符串''

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

你面临的问题是option.selectedTopic等于NaN,由于某些奇怪的原因,它在null中输出为null。真正的null将完全不输出任何内容。