Angularjs：从json加载html时img src消失了

Question

在json元素中，让我们说data-html我有

 <p><img src=\"images/wwgd.png\" alt=\"wwgd\" /></p>

我使用

在模板中渲染

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

但渲染的输出标记没有源，只有alt属性：

（通过firefox中的inspect元素）：

  <p><img alt="wwgd"></img></p>

Answer 1

我认为您需要使用角度严格的上下文转义$sce。文档here。

您的示例如下：

控制器：

.controller('ExampleController', ['$scope', '$sce', function($scope, $sce) {

    $scope.myHTML = '<p><img src=\"images/wwgd.png\" alt=\"wwgd\" /></p>';  

    $scope.trustDodgyHTML = function(html) {
      return $sce.trustAsHtml(html);
    };  

页：

<div ng-bind-html="trustDodgyHTML(myHTML)"></div>

这将明确允许您在此处包含此HTML。