在离子2应用程序内显示HTML中的图像

Question

这是一个Ionic 2应用程序。 该应用使用REST API和JSON格式获取数据。 其中一个字段作为HTML内容从服务器发送。这是目前正在使用

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

这有它在这个HTML内嵌像

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

由于这解析为http://localhost:8100/Resources/Documents/bikers.jpg而不是API的实际URL的图像显示的是没有得到加载。

但我不确定如何解析此内容并将其替换为API的网址前缀。

Answer 1

只需要为以下

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

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

在服务器上可能的图像结合将始终保存在一个特定的文件夹之前更换图片的URL。这将取决于您的数据更改要更换的路径。