Javascript AngularJs在某些条件下显示ng重复数据
这是我的JSON对象响应:Javascript AngularJs在某些条件下显示ng重复数据,javascript,angularjs,json,object,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 {
{
"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对象键包含名为“empty”的字符串,我不想显示数据。请使用
=代码>
带有ng的条件,如果
tr(ng-repeat='draft in drafts' ng-if="draft.draftName !== 'empty'")
请使用
=代码>
带有ng的条件,如果
tr(ng-repeat='draft in drafts' ng-if="draft.draftName !== 'empty'")
您可以按草稿名称筛选ng repeat,以仅在draftName不为空时显示项目
<div ng-repeat="item in data | filter:{ draftName: '!empty'}">
{{item.senderName}}-{{item.senderdata}}-{{item.draftName}}
</div>
{{item.senderName}-{{item.senderdata}-{item.draftName}
您可以按草稿名称筛选ng repeat,以仅在draftName不为空时显示项目
<div ng-repeat="item in data | filter:{ draftName: '!empty'}">
{{item.senderName}}-{{item.senderdata}}-{{item.draftName}}
</div>
{{item.senderName}-{{item.senderdata}-{item.draftName}
对不起,如果为空,我不想显示数据。对不起,如果为空,我不想显示数据。