Parsing JSON in AngularJS, avoiding reserved keywords

Question

var jsonURL='../../json/xx.json'

var myApp = angular.module('myApp',[]);

myApp.controller('loaddata_traceroute', ['$scope','$http',function($scope, $http){

  $http.get(jsonURL).success(function(data) {
    $scope.datapoints_traceroute = data[0].abc[0].base-uri;
  })
}]);

I am trying to parse json through the code above. It works fine. However, if I try to parse deeper by adding ".base-uri", I can no longer parse it. I suspect that it is due to a reserved keyword because the error thrown in the console of Chrome is, "ReferenceError: uri is not defined"

Is there any other way to mitigate this?

Daniel A. White · Accepted Answer · 2016-02-24 12:49:24Z

2

Use square brackets:

data[0].abc[0]['base-uri'];

This is a way to refer to properties that don't conform.

answered Feb 24, 2016 at 12:49

Daniel A. White

192k49 gold badges389 silver badges473 bronze badges

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

Comments

Ankh · Accepted Answer · 2016-02-24 12:57:52Z

-1

Try..

$http.get(jsonURL).success(function(data) {
    $scope.datapoints_traceroute = data[0].abc[0]['base-uri'];
});

You can't access hyphenated parameter names directly without using square brackets and quoting the name.

edited Feb 24, 2016 at 12:57

answered Feb 24, 2016 at 12:49

Ankh

5,7483 gold badges43 silver badges43 bronze badges

Collectives™ on Stack Overflow

Parsing JSON in AngularJS, avoiding reserved keywords

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related