在CSS中使用ngsanitize

Question

虽然使用ngsanitize。它仅显示未应用css的html。

例如： 上面的图像应该是输出，但使用ngsanitize时，仅显示文本

ngsanitize可以添加哪些内容以显示具有适当CSS的元素。

static Bitmap comparison = new Bitmap("Comparison.jpg");

Answer 1

如果我正确理解了您的问题，fiddle

您可以使用$ sce.trustAsHtml（）直接在html字符串中使用内联样式，您可以这样做，控制器：

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

以HTML

<div data-ng-bind-html="trustAsHtml(htmlString)"></div>

Answer 2

请尝试使用$sce。将其绑定到用于ng-bind-html的作用域变量之前。

<p ng-bind-html ="styledHTML"></p>

在您的控制器中

$scope.styledHTML = $sce.trustAsHtml('<span style="background-color: cyan;">test video</span>');