如何显示使用AngularJS从服务器检索的HTML内容？

Question

实际上我在服务器中有一个HTML文件，包含img标签，JavaScript和CSS代码。我正在尝试使用$http服务获取此文件的内容，并使用ng-bind-html指令将其显示在twig文件中。

到目前为止一切正常，但问题是HTML页面显示不好，图片不存在，JavaScript代码不起作用。

如何使用AngularJS实现这一目标？

<div ng-repeat="language in languages" id="[[ language.name ]]" ng-bind-html="language.content" ></div>

$scope.languages={};

$http({
    method :'GET',
    url : 'url'
}).then(function(response)
{
    var results = response.data.data;
    for (var i=0; i<response.data.data.length; i++)
    {
        results[i].content = $sce.trustAsHtml(response.data.data[i].content);
    }
    $scope.languages = results;
});

Answer 1

您正在寻找ng-bind-html。请参阅docs。 Here就是一个例子。