Использование Angular 8, Попытка отобразить изображение в файле шаблона, который получен через внешний вызов API - PullRequest
Новая
       20

Использование Angular 8, Попытка отобразить изображение в файле шаблона, который получен через внешний вызов API

0 голосов
/ 17 апреля 2020

Я использую Angular 8 для моей разработки. У меня есть сценарий, в котором мне нужно отобразить некоторое изображение в шаблоне, а содержимое изображения поступает из внешнего вызова API. Ответ Base64 от API занимает время, так что я могу отобразить изображение в шаблоне. Пожалуйста, помогите.

1 Ответ

0 голосов
/ 17 апреля 2020

Вы можете отобразить изображение, полученное из API, в качестве фонового изображения. Сначала вставьте DomSanitizer в ваш компонент 

constructor(private dom: DomSanitizer)

и в HTML, где вы хотите установить в качестве фона, добавьте 

[style.background-image]="trustImage('url(' + value + ')')"

Теперь вам нужно сделать изображение доверенным с помощью функция trustImage 

trustImage(item) {
    return this.dom.bypassSecurityTrustStyle(item);
}

Как только изображение станет доверенным, оно будет отображено. Для получения дополнительной информации см. https://angular.io/api/platform-browser/DomSanitizer

...