How to convert string to object in Angularjs [duplicate]

Question

I have a string like :

$scope.text = '"{\"firstName\":\"John\",\"age\":454 }"';

and I want to convert to js object:

 $scope.tmp =  {"firstName":"John","age":454 };

Note: JSON.parse() doesn't work!!

It's my sample in codepen

JSON.parse() is what I think you're looking for. - Also, this is a duplicate. — evolutionxbox
– evolutionxbox, Commented Jul 4, 2016 at 8:57
This is not an exact duplicate. OP asks for the best answer within its framework (angular). I know JSON.Parse() works, but there is something else to do it with angular, for some reasons. — Deblaton Jean-Philippe
– Deblaton Jean-Philippe, Commented Jul 4, 2016 at 9:06
This is due to the extra quotes. Take off the outer single quotes, and then JSON.parse will work. — evolutionxbox
– evolutionxbox, Commented Jul 4, 2016 at 10:30

Deblaton Jean-Philippe · Accepted Answer · 2016-07-04 09:04:03Z

24

You can do it with angular.fromJson()

in your sample, it would have been $scope.tmp = angular.fromJson($scope.text);

The difference between JSON.Parse() and angular.fromJson, is that angular will check to make sure a string is provided. If it is already an object, it will return the same object.

edited Jul 4, 2016 at 9:04

answered Jul 4, 2016 at 8:58

Deblaton Jean-Philippe

11.4k4 gold badges53 silver badges68 bronze badges

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

3 Comments

Ehsan Ali Over a year ago

please check your answer in my [codepen.io/essvision/pen/PzjGpQ]

Deblaton Jean-Philippe Over a year ago

You have to remove your simple quotes around your string to make it work : $scope.text = "{\"firstName\":\"John\",\"age\":454 }";

Moses Ndeda Over a year ago

Worked like magic!

Collectives™ on Stack Overflow

How to convert string to object in Angularjs [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related