First off - loving this framework so far!
Am having a problem using collection repeat with timeouts. I am doing a collection-repeat on a set of divs (which themselves have an image inside them). On a swipeLeft, I’d like to remove one of the divs. If I pass the swipeLeft through to my controller, and then do a $scope.cards.splice(index, 1), everything works well - the item gets removed from the list.
But I’d like to be able to give the user some feedback that they’ve just removed the item (could be anything, some temporary styling, animation, etc). So right now I’m adding an overlay within the div, and then calling $scope.cards.splice(index, 1); within a standard setTimeout() with delay 1000.
I can confirm that the splice does happen, and the list.length gets shorter by 1, but the UI doesn’t update. And if I try removing the div element at the same time that I splice the card from the array, the div gets removed, but the blank space remains. (Inspecting the layout indicates that this is due to the magic within collection-repeat).
Any help much appreciated