2017-11-07 3 views
1

ich ein Benutzerprofil erschaffe, die wie folgt aussieht:Erstellen eines Objekts mit einem Bild als Attribut. Angular 4

export class User{ 
public email: string; 
public name: string; 
public location: number; 
public intro: string; 
public image: //??? 

constructor(email: string, name: string, location: number, intro:string){ 
    this.email = email; 
    this.name = name; 
    this.location = location; 
    this.intro = intro; 
    this.image = //??? 
    } 

} 

Wie kann ich ein Bild, das hier wie diese, also kann ich es in einem hinteren Ende speichern und später in HTML machen?

+0

können wir etwas Hilfe von dieser Frage bekommen kann: [ store-images-in-javascript-object] (https://stackoverflow.com/questions/2395765/store-images-in-javascript-object) – HDJEMAI

Antwort

1

Sie die URL des Bildes speichern kann, die vom Typ String ist,

export class User{ 
public email: string; 
public name: string; 
public location: number; 
public intro: string; 
public image: string; 

constructor(email: string, name: string, location: number, intro:string, image:string){ 
    this.email = email; 
    this.name = name; 
    this.location = location; 
    this.intro = intro; 
    this.image = image; 
    } 

} 

und dann können Sie als Anzeige,

<img [src]="user.image" /> 
+0

und für den Fall, dass Ihr img src von 'DomSanitizer' blockiert wird, müssen Sie sanieren das Datum mit der DomSanitizer-Funktion 'bypassSecurityTrustUrl' – marvstar

Verwandte Themen