更新文件之前沒有找到圖像

Question

我有一個角度JS應用程序，它有一個數組的圖像。

我的模型看起來像這樣

$scope.images = [ {url: 'someimage.png', desc: 'some desc'}, {url: 'someimage.png', desc: 'some desc'} ] 

在我看來，我遍歷這個，來顯示所有圖像。

<ul> 
    <li ng-repeat="image in images" ><img src="{{image.url}}" /></li> 
</ul> 

這工作，但我得到了一些頁面錯誤，這說

404 Not Found - http://localhost/{{image.url}} 

的圖像正確顯示，所以它顯然是圖像正在努力前角已解析記錄到被加載它準備好了。我的腳本也在頭上，所以它不應該是一個JavaScript訂購錯誤。

Answer 1

這裏的問題是我應該使用ng-src而不是src，以便它只會在Angular準備就緒時嘗試顯示圖像。

所以，正確的代碼看起來像

<ul> 
    <li ng-repeat="image in images" ><img ng-src="{{image.url}}" /></li> 
</ul>