Question

在我的HTML中，我有这个img链接：

imgURL在控制器中设置：

$scope.imgURL = 'img/img_'+$scope.img.id+'.jpg;

第一次更改它完美无缺，但过了一段时间后图像不再显示了...... ??

我读过几个尝试过的解决方案＆＃34;比如添加一个带有随机值的参数，所以它强制重新加载，但它没有用。我在控制台中记录了网址并看到它发生了变化，因此不是重点。

什么可能导致图像在一段时间后不出现，它看起来如此随机..？非常感谢您的回答，我非常绝望： - /

Answer 1

我不知道你的HTML结构或代码，但是使用AngularJS我会用这样的东西进行这样的图像源旋转。它很简单，有效：

＆＃13;

angular.module('myApp', [])

.controller('mainController', function($scope, $interval) {

  var images = [
    'https://placehold.it/350x150',
    'https://placehold.it/450x250',
    'https://placehold.it/250x250'
  ];

  var i = 0;
  $scope.image = images[i];
  $interval(function() {
    i++;
    if (i < images.length) {
      $scope.image = images[i];
    } else {
      $scope.image = images[0];
      i = 0;
    }
  }, 3000, 0);

});

＆＃13;

<!DOCTYPE html>
<html>

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>

<body ng-app="myApp" ng-controller="mainController">
  <img ng-src="{{image}}">
</body>

</html>

＆＃13;

您可以轻松地将图像变量操作应用于此。上例中的主要部分是使用ng-src。

角度1：图像在一段时间后不会重新加载

1 个答案: