How to read array element (json) in Angular

Question

I have a var called $scope.informationData and the contents (as output by console.log) is like this:

{"completed":100,"pending":50,"defects":20,"overdue":10}

If I, in my HTML, use this though:

<div class="huge">{{ informationData.overdue }}</div>

Then it's empty. I don't think there's anything wrong with the binding though because if I do {{ informationData }} then it outputs the same JSON as above.

I think I'm just using the wrong syntax to read the data - what do I need to change informationData.overdue to in order to see the number 10 appear?

change your json like this:: {"completed":"100","pending":"50","defects":"20","overdue":"10"} — shatakshi
– shatakshi, Commented Oct 19, 2015 at 4:46
what you get when printing whole object {{ informationData }} ? — Kalhan
– Kalhan, Commented Oct 19, 2015 at 4:50

Praveen Prasannan · Accepted Answer · 2015-10-19 04:49:52Z

1

Deserialize the json

$scope.informationData = angular.fromJson($scope.informationData);

answered Oct 19, 2015 at 4:49

Praveen Prasannan

7,15310 gold badges53 silver badges71 bronze badges

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

1 Comment

b85411 Over a year ago

Thanks this fixed it.

shatakshi · Accepted Answer · 2015-10-19 04:48:09Z

0

You should put your value in quotes not your keys. Change your json like this::

{"completed":"100","pending":"50","defects":"20","overdue":"10"}

Or

{completed:"100",pending:"50",defects:"20",overdue:"10"}

answered Oct 19, 2015 at 4:48

shatakshi

1658 bronze badges

Collectives™ on Stack Overflow

How to read array element (json) in Angular

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related