如何在angular.js中解析ng-repeat中的HTML

时间:2013-05-23 11:08:17

标签: angularjs html-parsing ng-repeat

我需要在ng-repeat中解析模型中的可选HTML。

我在.jade模板中有一个转发器,如下所示:

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

我的 car.location 可以是纯文本,例如:

City name

或者它可以包含一些html,如下所示:

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

现在,当我获得HTML时,这不会被解析。不幸的是,这些数据来自第三方网站,所以我不能影响到这一点。是否有指令或过滤器可以将其转换为有效链接?

如果没有,我还可以尝试用它做什么?

1 个答案:

答案 0 :(得分:7)

您需要的是ng-bind-html-unsafe。 它正确解析HTML;)

示例:http://jsbin.com/ubujem/1/

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

此问题似乎与此类似:parse html inside ng-bind using angularJS