Binding image src in winkel 2

Wie bindet man eine img src in Angular 2 richtig?Binding image src in winkel 2

Das ist mein html

<img src ='sanitizer.bypassSecurityTrustResourceUrl("{{name['_id'].path}}")' class="rounded mx-auto d-block">

Aber anstatt das Bild angezeigt wird, drucken Sie es einfach die Zeichenfolge

<img src ='sanitizer.bypassSecurityTrustResourceUrl("E:\projects\p_cheats2\dist\server\controllers\uploads\photo-1509698091986.png")' class="rounded mx-auto d-block">

In Ideen?

Quelle

2017-11-03 Ian Adem

fügen Sie eine Methode und die gleichen zurück, und Sie werden es nicht für Bilder in Ihrem App-Ordner benötigen, es wird in der Regel für Drittanbieter-Images –

benötigt hinzufügen Desinfizierer, weil es unsichere net beschwert :: ERR_UNKNOWN_URL_SCHEME –

Haben Sie versucht, mit '[src] = '...''? –

Ich kann noch nicht kommentieren, also werde ich dies als Antwort posten.

Html

<img [src]="getBackground()" class="rounded mx-auto d-block">

getBackGround() { 
    // you may need domSanitizer here 
    return name['_id'].path; 
}

Ich hoffe, dass es für Sie arbeitet.

Quelle

2017-11-03 10:27:13

Binding image src in winkel 2

Antwort

Verwandte Themen