在滑动之后(如下面的视频所示),前一张卡片中的图像闪烁了一点,这非常令人讨厌,看起来很难看。有什么建议/想法来解决这个问题?提前谢谢!
示例视频(因为这是解释问题的唯一方法)
答案 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(无需请求任何数据),同时启动第三张卡片数据的请求,为下次滑动做好准备。