javascript - 仅当要显示的值不为空时才显示 ng-repeat 项目

Question

我几天前才开始学习 AngularJS。 我在一个元素上有一个 ng-repeat，但我也想以某种方式将 ng-show 与它一起使用。 这是我的代码:

<p ng-repeat="(parameter,value) in object">{{parameter}}: {{value}}</p>

在对象结构为

的情况下效果很好

{"MobilePhone":null,"Email":"test@email.com","HomePhone":null}

我只想显示没有 null 作为值的元素。像这样的东西:

 <p ng-repeat="(parameter,value) in object" ng-show={{value}}>{{parameter}}: {{value}}</p>

但我不明白为什么 ng-show 的值(value)已经在那里可用了？如何在显示

之前进行“If”检查值？

感谢您的帮助。 如果我不清楚，请询问更多信息。

Answer 1

这将起作用，并且只有当 value 是一个真正的值时才会显示:

<p ng-repeat="(parameter,value) in obj" ng-show="value">{{parameter}}: {{value}}</p>

(您也可以使用 ngIf 代替)

示例:http://jsfiddle.net/zqJKH/