Угловой поповер с html

Question

Какой правильный способ использования popver-html Директива? Я хотел бы показать изображение через HTML img тег в мае popover angular-bootstrap. Я создал переменную области видимости $scope.html = "<img src=\""+$scope.mysrc+"\"></img>" и я положил это в свою директиву

<span popover-html="{{html}}" popover-title="......." popover-trigger="mouseenter"><a href="#">{{title}}</a></span>

но у меня есть эта ошибка: Uncaught Error: [$parse:syntax] ОШИБКА popover-html

Какие-либо предложения???

Answer 1

Вот пример того, как поместить изображение в поповер. Ищу "Dynamic PopoverКнопка "Прежде всего, вам нужно дезинфицировать HTML который вы пишете в своем JS,

Итак, ваш JS выглядит так:

$scope.html = $sce.trustAsHtml("<img src=\""+$scope.mysrc+"\"></img>");

Это обеспечит безопасный анализ вашего HTML-кода как HTML. Не забудьте ввести ngSanitize в вашем приложении как зависимость.

Теперь, по вашему мнению, вместо использованияpopover-html="{{html}}" нужно использовать popover-html="html", Обратите внимание, что вы передаете выражение для этого popover.