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

一曲冷凌霜 提交于 2020-01-02 07:08:19

问题


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?


回答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



来源:https://stackoverflow.com/questions/16712350/how-to-parse-html-in-ng-repeat-in-angular-js

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!