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

时间:2015-05-28 19:24:03

标签: ionic-framework ionic

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

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

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

2 个答案:

答案 0 :(得分:1)

您的流程如下: - 启动控制器:加载值= false + getDatas(启动图像) - 如果用户滑动,则getNewDatas

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

您现在有两个解决方案: - 或者你等待启动图像的承诺 - 或者在"滑动"

时清理数据

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

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

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

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

答案 1 :(得分:1)

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

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