Angular2 [src]在動態加載圖片時導致404錯誤

Question

我將嘗試在頁面加載到點擊時打開的模式窗體後加載圖像。

我的形象標記看起來是這樣的：

<img src="/src/files/bstand{{detailEntry.bearbeitungsstand}}.png"> 

圖像源是正確的。但是當我加載頁面我的變量detailentry是空的，因爲我填寫它點擊一個按鈕。 所以控制檯顯示我404錯誤的URL： 「/src/files/bstand.png」 它不存在 Wehen ic點擊按鈕圖像加載正確。

我記得我在角度1中使用了ng_src，而我認爲它的作用是[src]，但它不起作用。

謝謝你的回答！

Answer 1

可以等待的DetailEntry與ngIf

<img *ngIf="detailEntry.bearbeitungsstand" src="/src/files/bstand{{detailEntry.bearbeitungsstand}}.png"> 

Answer 2

你可以使用* ngIf來保持圖像的標籤被呈現無有效SRC。

<img *ngIf="detailEntry.bearbeitungsstand" src="/src/files/bstand{{detailEntry.bearbeitungsstand}}.png">