Convert HTML in JSON file with Angular

Question

Now I know to use ngSanitize and ng-bind-html, but can I use it with ng-repeat where I have the following logic:

<div ng-repeat="(k, v) in specs.webdev">
    <h3>{{::v["job-title"]}}</h3>
    <p>{{::v["job-body"]}}</p>
    United Kingdom Apply Here:
    <p>{{::v["job-apply"]}}</p>
</div>

specs (where I have multiple html tags) is retrieved from JSON file with $http.get and parsed with .then. So, values in "job-title", "job-body", "job-apply" contain HTML tags that I'm trying to display here.

How can I use ng-bind-html here?

Do the job-title, job-body and job-apply properties contain HTML tags which you want to maintain to display as correct HTML? Just trying to understand the question more. — Giovani Vercauteren
– Giovani Vercauteren, Commented Dec 19, 2016 at 14:45

Daniel Santiago · Accepted Answer · 2016-12-19 14:48:10Z

3

If I understand well, just doing

<div ng-repeat="(k, v) in specs.webdev">
  <h3 ng-bind-html="::v['job-title']"></h3>
  <p ng-bind-html="::v['job-body']"></p>
  United Kingdom Apply Here:
  <p ng-bind-html="::v['job-title']"></p>
</div>

That will render the content of v['job-title'] and other properties as HTML

answered Dec 19, 2016 at 14:48

Daniel Santiago

2051 silver badge8 bronze badges

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

1 Comment

eric.dummy Over a year ago

Thanks, wow.. I've learned something new. Never thought to put it inside the html tag like this. :)

Collectives™ on Stack Overflow

Convert HTML in JSON file with Angular

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related