刷卡后,新卡显示以前卡中的图像

Question

在刷卡之后(如下面的视频所示),前一张卡片中的图像闪烁了一点,这非常令人讨厌,看起来很难看.有什么建议/想法来解决这个问题？提前致谢!

示例视频(因为这是解释问题的唯一方法)

https://www.youtube.com/watch?v=44fFZrU83qk

Answer 1

您的流程如下： - 启动控制器：Loading 的值 = false + getDatas（启动图像） - 如果用户滑动，则 getNewDatas

在获取新数据时，您不会“清理”当前数据，因此，图像保​​持不变，直到启动图像的承诺完成。

您现在有 2 个解决方案： - 或者您等待启动图像的承诺完成 - 或者您在“滑动”时清理数据

如果你清理，在承诺完成之前你很可能会得到一个小的空白图像，因此，我建议你等待图像的承诺完成后再完成加载。

因此，您的解决方案应链接到该功能

$scope.change_image = function($event){
      angular.element(document.getElementById('main_image')).attr("src", angular.element($event.target).attr('src'));  
  };

你在哪里称呼它？如何 ？我在你的过去的垃圾箱里找不到任何线索