Ionic 2 + Angular 2: изображения, предварительно добавленные "небезопасно", поэтому не отображаются, даже если они в порядке

По какой-то причине некоторые из моих изображений добавляются с помощью 'unsafe:', что не позволяет их визуализировать.

Q) Почему это происходит и как я могу это исправить? Является ли это Angular 2 нечетным с whitelisting или Ionic 2?

например.

<p><img src="unsafe:data:image/jpeg;base64,/9.....
<p><img src="data:image/jpeg;base64,/9.....

Нет ничего плохого в изображении (см. здесь), см. plunkr здесь

Второе изображение выводится из Ionic 2, первое я вручную удалил префикс, чтобы показать его в порядке.

Ответы

Ответ 1

Для тех, кто испытывает эту проблему, я "решил" ее, используя следующее:

Класс:

import {DomSanitizationService} from '@angular/platform-browser';

constructor(private _DomSanitizationService: DomSanitizationService) {}

Шаблон:

<img [src]="_DomSanitizationService.bypassSecurityTrustUrl(imgSrcProperty)"/>

Где imgSrcProperty - кодирование кодированного изображения base64.

Я все еще думаю, что это ошибка!