html - 使用动态绑定对 HTML 实体进行两次编码

Question

下面的 ionic 框架中的 id 编码/解码 html 是我的代码。

<ion-view view-title="Products">
<ion-content class="padding">
    <div class="list">
        <div class="card" ng-repeat="item in products">
            <a class="item item-avatar" on-tap="productDetails(item.ProductId)">
                <h2>{{item.Name}}</h2>
                <p>Price {{item.Prices[0].Value}}</p>
                <p>{{item.Description}}</p>
            </a>
            <a class="item item-image" on-tap="productDetails(item.ProductId)">
                <img ng-src="{{item.ImageUrl}}"/>
            </a>
            <!--<div class="item item-icon-left energized" >-->
                <div class="button-bar">
                    <div class="button button-clear energized" ng-click='addToCart(item.ProductId);' style="font-size:80%;">
                        <i class="icon ion-ios-cart"></i>
                        Add To cart
                    </div>
                    <div class="button button-clear energized" on-tap="productDetails(item.ProductId)" style="font-size:80%;">
                        <i class="icon ion-eye"></i>
                        View More
                    </div>
                </div>
            <!--</div> -->
        </div>
    </div>
</ion-content>

当我试图从产品中获取我的记录并且它正在编码时， 因此浏览器显示如下图所示

salesforce product2 对象中的值存储是

  "Pacifique - Bora Bora Pearl Beach Resort & Spa - Polynésie française"

Answer 1

利用

<h2 ng-bind-html-unsafe="item.Name"></h2>

文档可以在这里找到

有一个工作 plunkr -> http://plnkr.co/edit/dOzvvNcaLjd9CsKzyIY0?p=preview