相對引用加載外部HTML時，角2組件

Question

我有承載簡單的HTML類似以下的服務器打破顯示。使用瀏覽器打開時，此功能非常完美。

問題是，當我用角度加載它時，Angular會嘗試在本地解析相對位置，這顯然不起作用。 我遵循了SO中給出的提示。例如this issue。

我現在擁有的一切：

HTML：

<div [innerHTML]="content"></div> 

打字稿：

this.myService.subscribe(
    (html: any) => { 
    this.content = html._body; 
    this.loaded = true; 
    }, 
    err => { 
    this.error = true; 
    }); 

如果我更改了服務器上的HTML返回圖像的絕對URL，然後它的工作原理：

<img src="http://localhost:5500/img/main.PNG"/> 

然而，在我的情況下，這不是一個可行的解決方案。

所以我的問題是： 有沒有辦法從Angular 2的外部源加載HTML內容的方式不會破壞所述HTML中的相對引用？

Answer 1

嘗試改變"img/main.PNG"到"./img/main.PNG"