How to parse HTML in ng-repeat in angular.js [duplicate]

Question

This question already has answers here:

With ng-bind-html-unsafe removed, how do I inject HTML? (10 answers)

Closed last year.

I need to parse optional HTML from my model in ng-repeat.

I have a repeater in a .jade template like this:

tr(ng-repeat='car in cars')
  td(class='arrived-{{car.arrived}}') {{car.number}}
  td(class='arrived-{{car.arrived}}') {{car.location}}

my car.location can be plain text like:

City name

or it can have some html in it, like this:

In transit,  <a href="http://example.com/"/>view</a>

Now, when I get the HTML, this doesn't get parsed. The data is unfortunately from a third party site, so I can't influence that. Is there a directive or filter that could turn this into a valid link?

If not, what else could I try to do with it?

Answer 1

What you need is ng-bind-html-unsafe. It parses the HTML correctly ;)

Example: http://jsbin.com/ubujem/1/

<p ng-bind-html-unsafe="car.location"></p>

Also this question seems similarly to this: parse html inside ng-bind using angularJS