Javascript 用AngularJS ng重复解析HTML？

如何通过字符串解析来自服务器的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" />"}}

{admin:{avatar”“}

我尝试过使用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);
}

函数HomeCtrl（$scope，$sce）{
$scope.object={
管理员：{
化身：“”
},
弗雷德：{
化身：“”
}};
$scope.avatar=$sce.trustAsHtml（$scope.object.admin.avatar）；
}

HTML:

工作演示：

旧版本：

HTML:

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

JS:

函数HomeCtrl（$scope）{
变量对象={
管理员：{
化身：“”
}};
$scope.avatar=object.admin.avatar；
}

使用angularjs的$compile服务。你有例子吗？问题是，当使用angularjs的现代版本更新你的jsbin时，它不起作用。。检查上面的答案：）是的，我的问题是，它是通过服务器传入的，“admin”的值并不总是相同的。在这种情况下，您将在服务中获取对象。。然后将其注入控制器中。。为了演示的目的，我在控制器本身中插入了对象。最后使用了：app.filter（'safe'，function（$sce）{return function（val）{return$sce.trustAsHtml（val）；}；}）；

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

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