Question

现在我有一个角度页面向我的服务器请求获取一些数据。在这个数据中是S3中的图像的URL。检索到数据后，将使用此数据设置范围上的变量。在我看来，我遍历这些项目并为每个项目制作一个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中失败，而控制台未打开。

原因是除非我们使用F12打开控制台，否则IE9不会创建window.console。

为避免此类错误，您可以在全局Javascript文件中定义console对象，该文件应在所有其他自定义js文件之前加载

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

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

Reference answer了解更多详情

图像未在IE中的角度页面中加载

1 个答案: