如何避免img標籤的初始GET？

Question

當加載頁面出現以下錯誤：

<div class="row" ng-show="showChannels"> 
 
    <div ng-repeat="content in formChannels" class="col-sm-2"> 
 
    <div class="well alignCenter" ng-click="clickSintonizarCanal($index)"> 
 
     <img src="{{content.images.image[0].url}}" class="img-responsive imgchannel" alt="{{$index}}"> 
 
    </div> 
 
    </div> 
 
</div>

據我所知，是因爲當你開始在網頁 「formChannels」 爲空。 然後當formChannels已經有一個值，一切正常。

我的問題是，我該如何避免這種不必要的GET？

有一些方法「標準」，優雅，或簡單做到這一點？

AngularJS有這些情況下的東西？

非常感謝大家！

Answer 1

只需使用ng-src。這將在它準備好後創建src屬性。

<img ng-src="{{content.images.image[0].url}}" /> 

Answer 2

你需要使用的是ng-src指令。這樣瀏覽器將不會嘗試加載圖像，直到引導角度。看到這裏的文件。

https://docs.angularjs.org/api/ng/directive/ngSrc

所以你的圖片代碼會是這樣的：

<img ng-src="{{content.images.image[0].url}}" class="img-responsive imgchannel" alt="{{$index}}">