У меня установлен ретранслятор и вы можете отображать данные, пока в нем нет html.
Я включил angular-sanitize.js и попытался использовать ng-bind-html
Но в пределах диапазона ничего не отображается, только внутри атрибута ng-bind-html. Таким образом, похоже, что sanitize не работает,
Я читал, что это нужно добавить к зависимостям приложения, но я не уверен, где это сделать.
Я только что проработал на сайте angular, поэтому у вас есть только простой контроллер, настроенный в минуту.
Вам нужно включить angular -sanitize.js http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-sanitize.js
Добавьте ' ngSanitize к вашим зависимостям модулей
var myApp = angular.module('myApp', ['ngSanitize']);
Не используйте {{}} в атрибуте
< h1 ng-bind-html = "item.title" > </h1 >
Не используйте $sce.trustAsHtml()
Моим решением было загрузить js файл здесь
http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular-sanitize.js
Я использовал тот, который был найден в репозитории angular git,
Мое решение было противоположным Seglespaan. Он должен был использовать версию Bower Angular Sanitize.
bower install angular-sanitize
У меня возникла аналогичная проблема, но у меня было немного странно. Только теги ввода не отображались, а все остальное, включая
<h3></h3>
<em></em>
сделал. Через несколько часов я понял, что кроме
angular-sanitize.min.js
Мне нужно было добавить
textAngular-sanitize.min.js
для моего проекта до того, как работали теги ввода. Это было очень неприятно, поэтому я надеюсь, что это поможет любому в подобной ситуации
Обнаружена эта проблема при использовании директивы, и решение не использовало "замену" в коде.
`ng-html-bind 'использовался в div в представлении templateUrl
appDirectives.directive('helpText', [function () {
return {
restrict: 'E',
//replace: true, // With this uncommented it does not work!
scope: {
displayText: '='
},
templateUrl: '/web/form/helptext',
link: function (scope) {
}
};
}]);