How can i use JSON stringify in Angular?

Question

i'm newbie to Angular. I'm trying to get Json data which written like that :

id:1,
name: "Friends",
type: "Group",

Now, i know i can't use this kind of data unless i add double quotes - like that (it's the only way it is working):

"id":1,
"name": "Friends",
"type": "Group",

What is the best way to parse JSON in Angular?

I've tried to combine JS , but it didn't work :

app.controller('contacts', function ($scope,$http,$log) {

    $http.get('http://localhost/Angular-Http-exercise/db.json')
        .then(function(response) {
            $scope.myData = function() {

            return JSON.stringify(response.data)
        };

        $log.info(response.data.name);
    });
});

make sure the source is valid json in the first place. If the contents of that file don't validate on jsonlint.com...fix it. Beyond that this question doesn't make much sense — charlietfl
– charlietfl, Commented Feb 9, 2017 at 23:20
The AngularJS $http service automatically parses JSON data. There is no need to do anything., — georgeawg
– georgeawg, Commented Feb 10, 2017 at 2:38

Petah · Accepted Answer · 2020-02-12 20:14:04Z

5

You can use angular.fromJson and angular.toJson for that purpose:

scope.myData = function(){
       return angular.fromJson(response.data);   
}

However JSON is a global variable and you should have access to it, since angular uses the same.

https://docs.angularjs.org/api/ng/function/angular.fromJson https://docs.angularjs.org/api/ng/function/angular.toJson

edited Feb 12, 2020 at 20:14

Petah

46.2k30 gold badges161 silver badges216 bronze badges

answered Feb 9, 2017 at 23:19

Yaser

5,7391 gold badge18 silver badges28 bronze badges

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

Comments

Naguib Ihab · Accepted Answer · 2017-02-09 23:25:15Z

0

Roy, your question is What is the best way to parse JSON in Angular? JSON will not differ from one framework/language to another and there's no best way to write JSON.

If you want to see if your JSON is formatted correctly check out tools like: https://jsonformatter.curiousconcept.com/

answered Feb 9, 2017 at 23:25

Naguib Ihab

4,5368 gold badges53 silver badges86 bronze badges

3 Comments

RoyBar Over a year ago

Naguib Ihab - Thanks - All your comments gave me better insights regarding JSON format.

Naguib Ihab Over a year ago

If you found the answer helpful, consider a +1

rism Over a year ago

This is actually incorrect. When using angularjs, always use the inbuilt methods as per accepted answer. These will automatically strip out any non-json characters injected by angular such as $variables and other tracking info angular will put in the json if for instance you bind an array of objects to an ng-repeat. If you just try to use JSON.stringify in your controllers and then send this server side, these artifacts will remain in the json and potentially break your app when for instance sharing json with other apps or doing a JSON.Deserialize (C#) on the server.

Collectives™ on Stack Overflow

How can i use JSON stringify in Angular?

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related