404圖像在NG-重複沒有發現離子/角度的第一圖像只

Question

所以我用下面的代碼輸出我的HTML頁面上的一些圖片

<div ng-repeat="Object in Objects"><img src="{{Object.Image}}"></div> 

這個偉大的工程和循環出我所有的圖像對象和一切都很好。不過，我在控制器中設置了$ scope.Objects變量。所以，當我第一次啓動我的網頁，我得到找不到

http://192.168.1.180:8100/%7B%7BObject.Image%7D%7D 

再次，一切工作我的所有圖像都顯示了404，但我得到幾個404錯誤（我這樣做是在少數地方），我試圖擺脫它們。

Answer 1

改爲使用ng-src。需要圖像使用角度數據。

如果你不這樣做，你的初始src值不是一個有效的URL，所以它會導致你的瀏覽器錯誤。

但是，如果您使用的是ng-src，角色將以您的名義解決該問題。

<img ng-src="{{Object.image}}" /> 

有了那個小寶石，angular將不會設置元素的src屬性，直到它準備好實際數據爲止。