How to parse this json in angular js using ngrepeat

Question

I am trying to parse this json in angular js using ngrepeat but it is not giving length. Can anybody please tell me how to parse this json

{
  "item1": {
    "timing": "9:15-12:30,15:00-21:15,13:00-14:30",
    "price": 45,
    "session": "breakfast",
    "check": false
  },
  "item2": {
    "timing": "10:15-12:30,15:00-18:15",
    "price": 55,
    "session": "breakfast",
    "check": true
  },
  "item3": {
    "timing": "15:00-18:15",
    "price": 25,
    "session": "snacks",
    "check": true

  }

}

UPDATE

<div ng-repeat="tempdata in jsonData">
<div>{{tempdata.timing}}
</div>
<div>{{tempdata.price}}
</div>
....
</div>

I am trying to achieve through ng-repeat but i got stuck Regards

You are trying how? Please show your code. You have an object and objects have no length (arrays do) and the ng-repeat docs show you how to repeat an object — charlietfl
– charlietfl, Commented May 24, 2016 at 2:37
@Kumar You are running ng-repeat over a key-value object. Your json data is not an array. So you need to use key value to retrieve the data. Please see my answer. — fyasir
– fyasir, Commented May 24, 2016 at 3:00

user2263572 · Accepted Answer · 2016-05-24 02:55:00Z

1

You are probably trying to do something like this.

<div ng-repeat="(key,val) in jsonData">
  <p>{{jsonData[key]["timing"]}}</p>
  <p>{{{jsonData[key]["price"]}}</p>
</div>

If you are making an http request to receive your json data, remember that the angular http service returns a promise and you will need to handle that before adding the data to the scope.

answered May 24, 2016 at 2:55

user2263572

5,6165 gold badges40 silver badges61 bronze badges

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

Comments

fyasir · Accepted Answer · 2016-05-24 03:09:40Z

0

You are running ng-repeat over a key-value object. Your json data is not an array. So you need to use key value to retrieve the data.

<div ng-repeat="(key,value) in jsonData">
     <div>{{jsonData[key].timing}}
     </div>
    <div>{{jsonData[key].price}}
    </div>
    ....
</div>

and also jsonData has no length as it is an object.

edited May 24, 2016 at 3:09

answered May 24, 2016 at 2:59

fyasir

2,9902 gold badges26 silver badges36 bronze badges

2 Comments

Kumar Over a year ago

@NutBoltuThanks for response

fyasir Over a year ago

If my answer helps you please upvote it or make it right answer

Collectives™ on Stack Overflow

How to parse this json in angular js using ngrepeat

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related