在AngularJS ng-repeat中解析HTML？

vimes1984 发表于 Dev

vimes1984

如何解析通过字符串来自服务器的HTML？我从服务器上得到了这个：

<img src="http://gravatar.com/avatar/9a52267d32ad2aaa4a8c2c45b83396e5?d=mm&amp;s=&amp;r=G" class=" user-1-avatar avatar- photo" width="" height="" alt="Avatar Image" />

通过像这样的对象属性进来的：

{admin: {avatar "<img src="http://gravatar.com/avatar/9a52267d32ad2aaa4a8c2c45b83396e5?d=mm&amp;s=&amp;r=G" class=" user-1-avatar avatar- photo" width="" height="" alt="Avatar Image" />"}}

我尝试使用ng-bind-html，但是没有运气...我该怎么用？

穆罕默德里亚斯

AngularJS的更高版本：

function HomeCtrl($scope, $sce) {
  $scope.object = {
  admin: {
    avatar : '<img src="http://gravatar.com/avatar/9a52267d32ad2aaa4a8c2c45b83396e5?d=mm&amp;s=&amp;r=G" class=" user-1-avatar avatar- photo" width="" height="" alt="Avatar Image" />'
},
fred: {
    avatar : '<img src="http://gravatar.com/avatar/9a52267d32ad2aaa4a8c2c45b83396e5?d=mm&amp;s=&amp;r=G" class=" user-1-avatar avatar- photo" width="" height="" alt="Avatar Image" />'
}};
  $scope.avatar = $sce.trustAsHtml($scope.object.admin.avatar);
}

HTML：

  <div ng-bind-html="avatar"></div>

工作演示：http : //jsbin.com/butuwu/1/edit

较旧的版本：

HTML：

<div ng-bind-html-unsafe="avatar"></div>

JS：

function HomeCtrl($scope) {
  var object = {
  admin: {
    avatar : '<img src="http://gravatar.com/avatar/9a52267d32ad2aaa4a8c2c45b83396e5?d=mm&amp;s=&amp;r=G" class=" user-1-avatar avatar- photo" width="" height="" alt="Avatar Image" />'
}};
  $scope.avatar = object.admin.avatar;
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。