How to display a property in ng-repeat based on some other property of JSON data

Question

I have this JSON file that I used $http() to get. It is something like this:

[ {
    "sno": "3",
  "eventname": "hockey",
  "event-type": "sports",
  "A-team": "mme",
  "B-team": "eee",
  "Gender": "male",
  "time": "2017-11-24 00:00:00",
  "isresult": "0",
  "result": "",
  "match-type": "semi",
  "venue": "downs"
}]

I need to display item.result as N/A if item.isresult==0 and a string if item.isresult==1. How do I do that?

You can use ng-if. <p ng-if='item.isresult === '1''>{{item.result}}</p> — Rajesh Dixit
– Rajesh Dixit, Commented Nov 23, 2017 at 6:24

Sajeetharan · Accepted Answer · 2017-11-23 06:24:58Z

1

Use ng-if

<div ng-if="item[0].isresult ==='0'">

answered Nov 23, 2017 at 6:24

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

Comments

Ramesh Rajendran · Accepted Answer · 2017-11-23 06:37:47Z

0

Use ng-show

<div ng-show="item[0].isresult ==='0'">

answered Nov 23, 2017 at 6:37

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

Comments

gitfudge · Accepted Answer · 2017-11-23 09:07:23Z

0

Say your list is named "items -

<div ng-repeat="item in items track by $index">
    <div ng-show="item.isresult === '0'"> N/A </div>
    <div ng-hide="!item.isresult === '0'"> {{stringToBeDisplayed}} </div>
</div>

I'm guessing your string is a variable you're storing. I'd also suggest you use boolean values for item.isresult instead of strings or numbers to avoid possible errors.

answered Nov 23, 2017 at 9:07

gitfudge

5304 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to display a property in ng-repeat based on some other property of JSON data

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related