Описание тега ng-bind-html
ngBindHtml создает привязку, которая будетinnerHTML
результат безопасной оценки выражения в текущем элементе. По умолчанию содержимое в формате innerHTML будет очищено с помощью$sanitize
служба. Чтобы использовать эту функцию, убедитесь, что $ sanitize доступен, например, включивngSanitize
в зависимостях вашего модуля (не в ядре Angular). Чтобы использовать ngSanitize в зависимостях вашего модуля, вам необходимо включить angular-sanitize.js в ваше приложение.
Вы также можете обойти дезинфекцию для безопасных значений. Для этого выполните привязку к явно надежному значению через$sce.trustAsHtml
. См. Пример в разделе "Строгое контекстное экранирование" (SCE).
Примечание: если $sanitize
служба недоступна, а привязанному значению явно не доверяют, у вас будет исключение (вместо эксплойта).
Использование
как атрибут:
<ANY
ng-bind-html="">
...
</ANY>
пример
<div ng-controller="ExampleController">
<p ng-bind-html="myHTML"></p>
</div>