在 ionic 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 的 url 前缀。

Answer 1

在绑定之前只需要替换图片URL如下

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

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

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