处理非英文实体名称

Question

我正在尝试使用他们的实体名称来重复一些希腊字母，但实体名称，而不是字母绑定到HTML。这似乎是一个简单的问题，但我发现关于这方面的文献很少。

var DemoCtrl = function($scope) {
    $scope.greekAlphabet = ['Α', 'Β', 
                            'Γ', 'Δ', 'Ε'];
};

生成的HTML如下所示：

Α
Β
Γ
Δ
Ε

而不喜欢

  

Α

     

Β

     

Γ

     

Δ

     

Ε

这是一个用来说明问题的JSFiddle：http://jsfiddle.net/c3hHx/2/

Answer 1

在您的应用中添加清理模块：http://docs.angularjs.org/api/ngSanitize。$ sanitize

之后你可以使用

Answer 2

您必须将HTML绑定为不安全。

JS：

var DemoCtrl = function ($scope, $sce) {
$scope.greekAlphabet = ['Α', 'Β',
    'Γ', 'Δ', 'Ε'];
$scope.to_trusted = function (html_code) {
    return $sce.trustAsHtml(html_code);
}
};

HTML：

<div ng-app="" ng-controller="DemoCtrl">
    <ul>
        <li ng-repeat="letter in greekAlphabet" ng-bind-html="to_trusted(letter)">{{ letter }}</li>
    </ul>
</div>