Ionic 2 + Angular 2: Images prepended with 'unsafe:' therefore not displaying even though they're fine

Question

For some reason, some of my images are being prepended with \'unsafe:\', which is causing them not to be rendered.

Q) Why is this happening an

Answer 1

I would like to add an additional answer, so some of you will not have to debug for ages.

We also came across this problem together with Ionic+Angular on iOS (WKWebView) and found out, that Base64 data urls are also considered "unsafe" once the Base64 string contains line breaks. Either MS Windows style CRLF or LF.

We proceeded to remove those offending characters from base64 strings (an external interface was "pretty printing" them), which ultimately resolved the issue for us.

Before applying the bypass mentioned by @Dave, I would check the string.