Ng-bind все еще отображает html

Question

Я получаю данные json от стороннего участника. Некоторые из них делают ok, используя ng-bind, в котором он преобразует и отображает html-код.

Но с другими это не так. Это похоже на необходимость повторного связывания.

Я попытался запустить его через функцию или фильтр

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

ng-bind-html="trustedHtml(hotelDetails.roomInformation)" 

Я также попробовал фильтр в моем приложении

.filter("to_trusted", ['$sce', function($sce) { 
    return function(htmlCode){ 
    return $sce.trustAsHtml(htmlCode); 
    } 
}]); 

Но оба они не работают (если я делаю что-то неправильно). Как я могу получить html для правильной рендеринга на моей странице?

Это то, что я получаю назад от API

<p><b>Know Before You Go</b> <br /><ul> <li> 

Это то, что я получаю, используя нг-Бинг-HTML и так же, как запустить его через функцию

<p><b>Know Before You Go</b> <br /><ul> <li> 

Plunker

Answer 1

Вы, вероятно, получить эту проблему becaus по одной из этих трех причин.

1. Вы установили дезинфекцию сауны?

Если не установить его с помощью Беседки установка углового дезинфицировать . (И не забудьте включить его в свой HTML)

2. Вы вводили санитацию в свой контроллер?

Если не вводить его inyour контроллер

var app = angular.module(app,'ngSanitize'); 

3. Вы используете {{}}?

Вы не увидите результат, если используете {{}}. Вместо того, чтобы использовать

<div ng-bind-html="hotelDetails.roomInformation"></div>