在IE的角度頁面中不加載圖像

Question

現在我有一個角度頁面向我的服務器發出請求以獲取一些數據。在這個數據中是S3中的圖像。一旦數據被檢索到，範圍內的一個變量就被設置爲這個數據。在我看來，我遍歷這些項目併爲每個項目製作一個html塊。

這個問題出現在IE瀏覽器中（只對我的團隊中的一些人，而不是所有人），而不是加載失敗加載圖像圖標的圖像顯示。再次，它不會發生在每個人身上，如果IE控制檯是開放的，它不會發生，它不會發生在我們嘗試過的任何其他瀏覽器中。如果我重新加載他們正常顯示的頁面。

這裏是我的控制器（我已經去掉了不必要的東西）：

$http.get('/url').success(function (data, status, headers, config) { 
    $scope.CardList = data; 
}) 

下面是相關一塊我的觀點的：

<div class="card-tile white_box" ng-repeat="card in CardList.Cards"> 
     <div class="card-tile-header pointer"> 
      <span class="card-month">{{card.MonthName}} {{card.Year}}</span> 
     </div> 
     <div class="card-tile-content pointer" > 
      <img ng-src="{{ card && card.ImageUrl || ''}}" /> 
     </div> 
    </div> 

Answer 1

您必須使用IE9，並且關於console.log。代碼中的某處使用的是console.log，它在IE中失敗，而控制檯未打開。

原因是IE9不會創建window.console，除非我們使用F12打開控制檯。

爲了避免這樣的錯誤，你可以定義全局的JavaScript文件的console對象，所有其他自定義js文件

if (!window.console) { 
    window.console = {}; 
} 

if (!console.log) { 
    console.log = function() {}; 
} 

Reference answer更多細節