Parsing JSON with spaces in key name with AngularJS

Question

I have a json which has spaces in key names.

The JSON has the following format

    {
     "response":{"docs":[
        {
          "my name":"krammer",
          "job": "stackexchange"
        }
                }
    }

While using ng-repeat to get the parameters into a list, I use the following code

{{friends.['my name']}}

But this gives an empty output. While

friends.my name

gives an error.

So how can the key names with empty spaces be accessed using AngularJS ?

@SajithNair you should have posted it as an answer, because it's obviously the issue. — dfsq
– dfsq, Commented Feb 26, 2014 at 11:26

SajithNair · Accepted Answer · 2014-02-26 11:27:24Z

32

Please try this

{{friends['my name']}}

answered Feb 26, 2014 at 11:27

SajithNair

3,8771 gold badge20 silver badges23 bronze badges

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

Comments

Mehran Hatami · Accepted Answer · 2014-02-26 11:33:54Z

4

It doesn't have anything to do with angular, this is the way we read props from JavaScript object, here you have a object called friends. so these are all we can do, if we don't have invalid javascript characters for naming in JavaScript, like space and some other:

friends.myname
friends['myname']
friends["myname"]

but when we have those invalid characters we only can do:

friends['my name']
friends["my name"]

answered Feb 26, 2014 at 11:33

Mehran Hatami

13k6 gold badges31 silver badges36 bronze badges

Comments

Eric · Accepted Answer · 2017-02-15 21:34:13Z

0

You may run into a case where {{friends['my name']}} does not work. If so, try the following:

{{friends.my_name}}

answered Feb 15, 2017 at 21:34

Eric

8,10819 gold badges102 silver badges131 bronze badges

Comments

depperm · Accepted Answer · 2016-07-20 14:18:41Z

-1

{{friends['my name']}} will be working fine

edited Jul 20, 2016 at 14:18

depperm

10.8k4 gold badges46 silver badges68 bronze badges

answered Jul 20, 2016 at 8:27

Preethika

112 bronze badges

1 Comment

JJJ Over a year ago

This is exactly the same answer as the accepted one posted two years ago. What extra value does this answer provide?

Collectives™ on Stack Overflow

Parsing JSON with spaces in key name with AngularJS

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related