如何在 angular.js 中解析 ng-repeat 中的 HTML [重复]

Posted 2023-03-05

【中文标题】如何在 angular.js 中解析 ng-repeat 中的 HTML [重复]

【英文标题】：How to parse HTML in ng-repeat in angular.js [duplicate]

【发布时间】：2013-05-18 17:16:33

【问题描述】：

我需要在 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 时，它不会被解析。不幸的是，数据来自第三方网站，所以我无法影响它。是否有指令或过滤器可以将其转换为有效链接？

如果没有，我还能用它做什么？

【问题讨论】：

感谢您将其标记为重复，@georgeawg。出于好奇-您如何确定哪个问题与什么重复？例如。这个是 2013 年的，链接的答案是 2016 年的，所以显然不是按年龄。

这里的答案已经过时，不再有效。出于安全原因，ng-bind-html-unsafe 指令已从 AngularJS 中删除。

谢谢。这是有道理的。

【参考方案1】：

你需要的是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

【讨论】：

您有将其应用于玉模板的示例吗？

对于玉来说，它应该类似于 p(ng-bind-html-unsafe="car.location")，不是吗？