javascript - html 未在 ng-repeat 中呈现

Question

我在 ng-repeat 中渲染一段 HTML 时遇到问题。 £ 不会呈现为 HTML，而是呈现为纯文本 - 请参阅 http://jsfiddle.net/b3Em6/1/

<div ng-app>
    <ul ng-controller="CartController">
        <li ng-repeat="charge in charges">
            <span ng-bind-html-unsafe="charge.currencySymbol">{{charge.currencySymbol}}</span>
            <span ng-bind="charge.price"></span>
        </li>
    </ul>
</div>

脚本

function CartController($scope) {

    $scope.charges = [
        { price: 22, currencySymbol: 'C$'},
        { price: 44, currencySymbol: '£'}
    ];
}

显示的结果是:

C$ 22
£ 44

如果我取出{{charge.currencySymbol}}，则根本不会显示货币。我正在使用 AngularJS 1.2.7

Answer 1

ng-bind-html-unsafe 在 Angular 1.2.x 版本中不再存在。请参阅http://docs.angularjs.org/guide/migration#ngbindhtmlunsafe-has-been-removed-and-replaced-by-ngbindhtml

您需要包含 ngSanitize 模块并使用 ng-bind-html。使用最新版本的 Angular 查看更新的 fiddle :http://jsfiddle.net/b3Em6/3/