在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更多细节