Anzeigen von Bildern in HTML als Inhalt in ionic 2 App

Question

Dies ist eine Ionic 2 App. Die App ruft Daten mithilfe der REST-API und im JSON-Format ab. Eines der Felder wird als HTML-Inhalt vom Server gesendet. Dies ist derzeit

<div [innerHTML] = "'<p>' + eventMoreDetails.DescriptionHtml + '</p>'"></div> 

Dies hat Bild mit angezeigt werden, die in dieser html wie

<p><img src="/Resources/Documents/bikers.jpg" title="" alt="" width="600" height="287" border="0"><br></p>" 

eingebettet ist, da dies zu http://localhost:8100/Resources/Documents/bikers.jpg löst anstelle der tatsächlichen URL der API, die nicht immer geladen.

Aber ich bin mir nicht sicher, wie man diesen Inhalt analysieren und durch das URL-Präfix der API ersetzen kann.

Answer 1

brauchen nur die Bild-URL zu ersetzen, bevor wie die folgende

var find = '/Resource/Documents/'; 
var re = new RegExp(find, 'g'); 

str = eventMoreDetails.DescriptionHtml.replace(re, 'http://YOUR_URL/Resource/Documents/'); 

Auf dem Server wahrscheinlich das Bild Bindung wird immer in einem bestimmten Ordner speichern. Es hängt von Ihren Daten ab, den zu ersetzenden Pfad zu ändern.