ng-bind-html не загружает src изображения
У меня есть простая презентация, как это
Item.html содержит html примерно так:
<a href="http://www.youtube.com"><img src="icons/youtube.png" alt="Youtube"></a>
Однако полученный HTML не загружает изображение:
<a href="http://www.youtube.com"><img alt="Youtube"></a>
После некоторого поиска похоже, что angularjs делает это, чтобы избежать межсайтового скриптинга, но я смог загрузить изображение с YouTube напрямую.
<a href="http://www.youtube.com"><img src="http://img.youtube.com/vi/9bZkp7q19f0/0.jpg" alt="Youtube"></a>
Более того, я смог загрузить все изображения с помощью ng-bind-html-unsafe.
Если я использую ng-bind-html-unsafe, я небольше не нужен модуль ngSanitize, а это означает, что мой код менее защищен? У меня есть случаи использования, когда я загружаю изображения из внешних источников.
Подходя к моим вопросам:
В чем разница между ng-bind-html и ng-bind-html-unsafe, помимо того, что я упомянул выше. Есть ли документация по этому поводу? Я не мог найти ни одного.
Как мне выполнить загрузку образов с хост-сервера и внешних серверов без необходимости использования небезопасной директивы?
Спасибо!