新卡刷卡後顯示前一張卡片的圖像

Question

刷卡後（如下面的視頻所示），前一張卡片的圖像閃爍一點，這非常惱人，看起來很醜。任何建議/想法來解決這個問題？提前致謝！

實施例的視頻（因爲它是解釋這個問題的唯一方法）

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

Answer 1

你的過程如下： - 啓動控制器：始發值=假+ getDatas（發起圖像） - 如果用戶滑動，則getNewDatas

在獲取newDatas時，您並不是「清除」當前數據，因此，圖像保​​持不變，直到啓動圖像的承諾完成。

你有2個解決方案現在： - 或者你等待初始化圖像做 承諾 - 或者你清理你的DATAS而「刷卡」

如果你乾淨，這是可能的，你會在承諾完成之前有一個小的空白圖像，因此，我建議您在完成加載之前等待圖像的承諾。

您的解決方案應因此鏈接到功能

$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？它可以讓你的生活變得更簡單。

無論你使用它，你可以直接啓動兩個卡的數據請求（和預加載圖像）上的應用程序啓動，這樣當卡1刷卡，就可以直接顯示卡2（而無需請求任何數據） ，並同時發出第三張卡片數據的請求以準備下一次刷卡。