CODEWITHSUNDEEP
javascriptangularjsjsonobject
Sameer
Sameer

Reputation: 3506

AngularJs displaying ng-repeat data with some conditions

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.

Upvotes: 0

Views: 45

Answers (2)

NTP
NTP

Reputation: 4448

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>

demo

Upvotes: 0

Sajeetharan
Sajeetharan

Reputation: 222532

Juse use != condition with ng-if

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

Upvotes: 2

Related Questions