Использование ngsanitize с css

Question

При использовании ngsanitize.Он отображает только HTML без CSS.

Например: вышеприведенное изображение должно быть выводом, но с помощью ngsanitize отображается только текст

Что можно добавить с помощью ngsanitize для отображения элементов с правильным css.

<p ng-bind-html ="the text to be displayed(test video)"></p>

Answer 1

Пожалуйста, попробуйте с $sce.Перед привязкой его к переменной области, которую вы используете для ng-bind-html.Пример ниже

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

А в вашем контроллере

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

Answer 2

если я правильно понял ваш вопрос, fiddle

вы можете использовать $ sce.trustAsHtml (), чтобы использовать встроенный стиль непосредственно в строке html, вы можете сделать это следующим образом,контроллер:

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

и в HTML

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