ionic 2 app内のコンテンツとしてHTMLで画像を表示

Question

これはイオン2アプリです。 アプリはREST APIとJSON形式でデータを取得します。 フィールドの1つが、サーバーからHTMLコンテンツとして送信されます。これは現在、これはこれはAPIの実際のURLの代わりにhttp://localhost:8100/Resources/Documents/bikers.jpgに解決されるので

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

のように、このHTMLに埋め込まれた画像があり

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

使用して表示されている、ロードされて取得されていません。

しかし、このコンテンツを解析してAPIのURLプレフィックスで置き換える方法がわかりません。

Answer 1

ただ、常に特定のフォルダに保存されますサーバー上で次の

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

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

として、おそらく画像を結合する前に画像のURLを交換する必要があります。あなたのデータに依存して、パスを変更して置き換えます。