AngularJs在某些条件下显示ng-repeat数据

时间:2018-01-13 06:41:04

标签: javascript angularjs json object

这是我的JSON对象响应:

{
"senderdata": "123456789",
"senderName": "ifelse",
"message": "Hi",
"draftName": "empty"
}

我使用ng-repeat

在UI中显示此内容

我在$ scope.drafts中得到了这个json响应。

我的代码:

tr(ng-repeat='draft in drafts')
 td {{draft.draftName}}
 td {{draft.senderName}}
 td {{draft.message}}

但我需要一些条件,

如果我的draftName对象键的字符串名为"为空" 我不想显示数据。

2 个答案:

答案 0 :(得分:2)

Juse在ng-if

中使用 != 条件
tr(ng-repeat='draft in drafts' ng-if="draft.draftName !== 'empty'")

答案 1 :(得分:0)

您可以按草稿名称过滤ng-repeat,仅在draftName不为空时显示项目

<div ng-repeat="item in data | filter:{ draftName: '!empty'}">
  {{item.senderName}}-{{item.senderdata}}-{{item.draftName}}
</div>

demo