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

Question

在滑动之后（如下面的视频所示），前一张卡片中的图像闪烁了一点，这非常令人讨厌，看起来很难看。有什么建议/想法来解决这个问题？提前谢谢！

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

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

Answer 1

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

在获得新的数据时，你不是＆＃34;清洁＆＃34;您当前的数据，因此，图像保​​持不变，直到启动图像的承诺。

您现在有两个解决方案： - 或者你等待启动图像的承诺 - 或者在＆＃34;滑动＆＃34;

时清理数据

如果你打扫卫生，很可能在承诺完成之前你会有一张小空白图像，因此，我建议你等待在完成装载之前完成图像的承诺

因此，您的解决方案应与该功能相关联

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

你在哪里打电话？怎么样 ？我在你的pastbin中找不到任何线索

Answer 2

您是否有使用tinder-cards ion的特殊原因？它可以让你的生活更简单。

无论您是否使用它，您都可以在应用程序启动时直接启动对两张卡的数据（以及预装图像）的请求，这样当刷卡时，您可以直接显示Card2（无需请求任何数据），同时启动第三张卡片数据的请求，为下次滑动做好准备。