AngularJs displaying ng-repeat data with some conditions

Question

This is my JSON object response:

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

I am displaying this in UI using ng-repeat:

I am getting this json response in $scope.drafts.

my code:

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

But I need some condition,

if my draftName object key have string called "empty" I don't want to display data.

Sajeetharan · Accepted Answer · 2018-01-13 06:47:21Z

2

Juse use != condition with ng-if

tr(ng-repeat='draft in drafts' ng-if="draft.draftName !== 'empty'")

answered Jan 13, 2018 at 6:46

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sorry if empty i dont want to display datas.

NTP · Accepted Answer · 2018-01-13 06:50:19Z

0

You can filter your ng-repeat by draft name to display items only when draftName is not empty

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

answered Jan 13, 2018 at 6:50

NTP

4,4483 gold badges18 silver badges25 bronze badges