javascript - 在 AngularJS ng-repeat 中解析 HTML？

Question

如何通过字符串解析来自服务器的 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 但没有成功......我可以使用什么？

Answer 1

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;
}