up vote 3 down vote favorite
1

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?

share|improve this question
up vote 7 down vote accepted

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

share|improve this answer
    
Do you have an example of applying this to a jade template? – gotmikhail Aug 1 '14 at 21:42
    
For jade it should be something like p(ng-bind-html-unsafe="{{car.location}}"), not? – Zlatko Sep 14 '14 at 17:40

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.