将HTML中的图像显示为ionic 2 app中的内容

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的实际网址，因此未加载。

但我不知道如何解析这些内容并将其替换为API的网址前缀。

Answer 1

只需要在绑定之前替换图像URL，如下所示

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

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

在服务器上，图像可能始终保存在特定文件夹中。它将取决于您的数据来更改替换路径。