Render json inside another json in my view with AngularJS

Question

I have a json that looks like this that I'm reading from my database in Angular:

    {"content":"{
  "address": "<p>This is a test</p>",
  "email": "<p><a href='mailto:[email protected]'>[email protected]</a></p>",
  "country": "UK"
    }"}

This data is received through:

var urlData = $resource('http://info.com/admin/get_page/2');
$scope.Data = urlData.get();

In my view there's a place where I need to print just the address and another the email, so I would imagine it should be something like this:

<article class="contactInfo-group" ng-bind-html="Data.content">
{{ Data.content.address }}
</article>

How could I get the info I want there?

micronyks · Accepted Answer · 2014-07-23 19:33:23Z

1

<article class="contactInfo-group">
{{ Data.content.address }}
</article>}}

json should be:

 $scope.data = {"content":
                       {
                       "address": "<p>This is a test</p>",
                       "email": "<p><a href='mailto:[email protected]'>[email protected]</a></p>",
                       "country": "UK"
                      }
                        }

see fiddle. http://jsfiddle.net/micronyks/9DcXA/4/

edited Jul 23, 2014 at 19:33

answered Jul 23, 2014 at 19:18

micronyks

55.6k17 gold badges122 silver badges166 bronze badges

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

2 Comments

codiaf Over a year ago

The problem is that urlData.get() saves me a 'Resource' in Data instead of an 'Object' like in your case and it doesn't print anything when using Data.content.address

codiaf Over a year ago

Nevermind, I was doing it right, but the backend was serving a wrong JSON -.-

Collectives™ on Stack Overflow

Render json inside another json in my view with AngularJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related