Angular JS not parsing nested JSON key with the at (@) in the key name

Question

I am hitting an API which retrieves a nested JSON and setting it to my $scope.data variable.

I do an ng-repeat like ng-repeat="event in data". and try to access a value in the JSON {{[email protected]}}

There is an error Lexer Error: Unexpected next character at columns 14-14 [@] in expression [[email protected]].

When I forcefully remove the @ from the JSON returned from the API and access as {{event.src.userID.title}} it works properly.

Please help so that I can access value with the @ in the key name.

The API that I hit returns a list [{"":""},{},{},{}] {"":""} is a nested list

Possible duplicate of How I can Bind JSON key Starting with @symbol Using Angular JS - according to this answer, you need to use the bracket notation — blurfus
– blurfus, Commented Oct 26, 2015 at 22:22

dave · Accepted Answer · 2015-10-26 22:21:28Z

4

You have to use a different syntax to access an object property whose name isn't a valid variable name:

{{event.src["@userID"].title}}

answered Oct 26, 2015 at 22:21

dave

65.1k6 gold badges81 silver badges98 bronze badges

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

1 Comment

Worked like charm! Thanks!