Question

之前，我创建了一个加载的gif，它变成了一个复选标记。我的想法是，我可以在相同的页面上为每个项目使用该特定的gif。问题是我的页面似乎给同一个图片提供了相同的URL（因为我通过JS将日期附加到图像上）。

我想对这个特定问题使用angularjs，但找不到任何东西。所以在那时，我决定尝试使用JavaScript。虽然知道如何在两者中做到这一点会更好。理想情况下，angularjs会很好，但知道JS将是一个很好的资产。

我找到的所有角度都没有帮助：

https://docs.angularjs.org/api/ng/function/angular.isDate
https://docs.angularjs.org/api/ng/input/input%5BdateTimeLocal%5D

然后，对于JS，我发现的每个StackOverflow帖子都与更改图像的url有关。但是，这似乎仅在重新加载页面本身时起作用，包括我自己尝试使用JS：

<script>
    var d = new Date(); 
    document.getElementById("validation_gif").src = 
      "images/validation/validation_gif.gif?ver=" + 
       d.getTime();
</script>

我首先尝试使用Math.floor((Math.random() * 999999999999999) + 1);，然后使用日期时间以防万一。

Answer 1

我认为使用ng-src可以使用angular解决您的问题。在角度到达之前评估普通src。 See the docs

那就是说，我不确定你为什么需要这样做。你能解释一下这个问题吗？

Answer 2

尝试使用Math.random（）而不是d.getTime（）。它应该工作。像这样：

document.getElementById（＆＃34; validation_gif＆＃34;）。src =＆＃34; images / validation / validation_gif.gif？＆＃34; + Math.random（）;

如何使用angularjs / javascript动态更改图片网址？

2 个答案: