jquery - AngularJS 转换 unicode html ng-repeat

Question

我对 AngularJS 有疑问。我的模板中有这个代码来显示用户列表：

<ion-list>
  <ion-item class="item-avatar" ng-repeat="x in filtered = ( users | filter:query)" href="#/user/{{x.ID}}">
    <img src="http://m.myapp2go.de/ionic/todo/www/img/ionic.png" />
    <h2>{{x.Name1}}</h2>
    <p>
      {{x.Name2}} - ({{x.Phone}})
    </p>
  </ion-item>
</ion-list>

我在 $http.get-request 中获取我的数据。JSON 是未编码的，例如："Name1":"• RS's •"

{"items":[{"ID":"10033","UserID":"RSC","Passwort":"66676e6567313233","Name1":"• RS's •","Name2":"Schumacher","NameZusatz":"RSC", ......
},

如何{{x.Name1}}在我的模板中以正确的方式显示 Name1？在我的控制器中，我有一个函数使用 jquery 以正确的方式解码字符串。

$scope.decodeHTML = function(html_code) {
    if (html_code) {
      return $('<div />').html(html_code).text();
    } else {
      return '';
    }
};

我是否必须$scope-data使用转换后的字符串更改或是否有其他可能性？我尝试了一切，ng-bind-html="expression"但没有成功。

Answer 1

我得到了解决方案：

  // decode unicoded html
$scope.decodeHTML = function(x){
        return $sce.trustAsHtml(x);
    };

在我的模板中：

<h2 ng-bind-html="decodeHTML(x.Name1)"></h2>

而已。