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

时间:2014-01-31 10:01:00

标签: javascript angularjs

几天前我只是盯着学习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已经有了价值?我该如何做&#34;如果&#34;在显示之前检查值

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

1 个答案:

答案 0 :(得分:5)

这将有效,并且只有当value是真正的值时才会显示:

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

(您也可以使用ngIf

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