AngularJS：防止IMG SRC屬性404錯誤

Question

我想加載視頻

<img src="http://www.dailymotion.com/thumbnail/video/{{video.id}}"> 

但直到AngularJS的縮略圖加載後，我得到一個404錯誤

GET http://www.dailymotion.com/thumbnail/video/%7B%7Bvideo.id%7D%7D 404（未找到）

這不是什麼大不了的事，但我想解決它。

Answer 1

您應該使用ng-src或圖片網址將按照字面解析。 像http://www.dailymotion.com/thumbnail/video/4確實存在，但不是字面字符串http://www.dailymotion.com/thumbnail/video/{{video.id}}

我做了jsfiddle demonstrating the img ng-src行爲。你可以在Firebug的網絡標籤中看到你沒有收到404錯誤。