使用Angular过滤器解码HTML实体

Question

我正在尝试使用Angular JS过滤器从字符串中解码html实体。

我有一个类似以下的视图：

<div class="roboto medium-gray">
   <span class="item-description">{{item.description | plaintext}}</span>
</div>

截至目前，我正在应用一个剥离标签的过滤器：

.filter('plaintext', function() {
  return function(text) {
    return text ? String(text).replace(/<[^>]+>/gm, '') : '';
  };
})

我正在尝试确定一种方法，可以在其中解码任何HTML实体。

item.description是"A large house with wrap around porch & pool"

现在，在item.description通过plaintext过滤器传递之后，结果为：

A large house with wrap around porch & pool

我希望它取代& 与&

预先感谢您的帮助。

Answer 1

您可以使用ng-bind-html ，如下所示：

<div class="roboto medium-gray">
   <span class="item-description" ng-bind-html="item.description | plaintext"></span>
</div>

有关更多信息，请参见官方API参考 。