Parse name from the object and display-Angular Js

Question

My object(Unparsed and raw):

   $scope.result= {
        "id": 2360,        
        "subject": "Meeting Postponed Status",
        "message": "{\"name\":\"Riana\",\"status\":\"Postponed\",\"meeting\":\"Approval No 342\",\"postponedDate\":\"2015-06-24 18:30:00\",\"postponedTime\":\"13:02:57\"}",   
        "modifiedDate": "2015-06-29 17:09:59",
        "categoryId": 1,    
    }

I'm parsing the property message of $scope.result object as

$scope.result=JSON.parse($scope.result.message); which outputs $scope.result.message as

$scope.result.message={"name":"Riana","status":"Postponed","meeting":"Approval No 342","postponedDate":"2015-06-24 18:30:00","postponedTime":"13:02:57"}

But if I want to bind the name Riana I'm not able to do it in the HTMl I tried by giving {{result.message.name}} but not able to render the name. Is there a way to parse in the HTML as I'm unable to do it in the controller?

For {{result}}: { "subject": "Meeting Postponed Status", "message": "{\"name\":\"RianaMinny\",\"status\":\"Postponed\",\"meeting\":\"Approval of Mining Site area No 342\",\"postponedDate\":\"2015-06-24 18:30:00\",\"postponedTime\":\"13:02:57\"}", "modifiedDate": "2015-06-29 17:09:59", "categoryId": 1 } — forgottofly
– forgottofly, Commented Jun 29, 2015 at 12:26
and {{result.message}} :{"name":"Riana","status":"Postponed","meeting":"Approval No 342","postponedDate":"2015-06-24 18:30:00","postponedTime":"13:02:57"} — forgottofly
– forgottofly, Commented Jun 29, 2015 at 12:30

Alberto I.N.J. · Accepted Answer · 2015-06-29 12:58:26Z

2

You need to assign the JSON.parse($scope.result.message) to $scope.result.message.

E.g.

$scope.result.message = JSON.parse($scope.result.message);

Here's the JsFiddle link.

Hope it helps.

answered Jun 29, 2015 at 12:58

Alberto I.N.J.

1,85315 silver badges19 bronze badges

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

Comments

RIYAJ KHAN · Accepted Answer · 2016-05-17 05:50:42Z

1

Well after this statement.

$scope.result=JSON.parse($scope.result.message);

your $scope.result object look this

Object {name: "Riana", status: "Postponed", meeting: "Approval No 342", postponedDate: "2015-06-24 18:30:00", postponedTime: "13:02:57"}

In HTML you should use like this

{{result.name}} and

not like this one {{result.message.name}}

edited May 17, 2016 at 5:50

answered Jun 29, 2015 at 12:30

RIYAJ KHAN

15.3k5 gold badges34 silver badges56 bronze badges

2 Comments

forgottofly Over a year ago

@Riaj Khan the name is inside the message object

RIYAJ KHAN Over a year ago

are you want to two way data binding with name?

Collectives™ on Stack Overflow

Parse name from the object and display-Angular Js

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related