Seit dem Upgrade auf den neuesten Angular 2-Releasekandidaten zeigen meine img-Tags einen Fehler an.

The img tag:

<img class='photo-img' [hidden]="!showPhoto1" src='{{theMediaItem.photoURL1}}'>

Generieren Sie den Browser-Fehler:

ORIGINAL EXCEPTION: Error: unsafe value used in a resource URL context

Der Wert der URL ist:

http://veeu-images.s3.amazonaws.com/media/userphotos/116_1464645173408_cdv_photo_007.jpg

BEARBEITEN

Ich habe versucht, den in der anderen Lösung gemachten Vorschlag zu machen, dass diese Frage ein Duplikat von sein soll, aber ich erhalte den gleichen Fehler.

Ich habe den folgenden Code zum Controller hinzugefügt:

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

@Component({
  templateUrl: 'build/pages/veeu/veeu.html'
})
export class VeeUPage {
  static get parameters() {
    return [[NavController], [App], [MenuController], [DomSanitizationService]];
  }

  constructor(nav, app, menu, sanitizer) {

    this.app = app;
    this.nav = nav;
    this.menu = menu;
    this.sanitizer = sanitizer;

    this.theMediaItem.photoURL1 = this.sanitizer.bypassSecurityTrustUrl(this.mediaItems[1].url);
  }

Ich erhalte immer noch dieselbe Fehlermeldung.

EDIT2:

Ich habe auch die HTML geändert:

<img class='photo-img' [hidden]="!showPhoto1" [src]='theMediaItem.photoURL1'>

Ich erhalte immer noch die gleiche Fehlermeldung