Quando troquei a função
$http.delete() porrecursoFotos.delete({fotoId:foto._id}, function(){}) e clico no botão remover, a imagem desaparece, como esperado, mas quando atualizo a tela, percebe-se que ela não foi deletada realmente. Se houve animação, podemos assumir que a função delete() retornou sucesso, porém isso não ocorre.
Aqui está minha função remover:
$scope.remover = function(foto){
recursoFotos.delete({fotoId : foto._id}, function(){
var indiceFoto = $scope.fotos.indexOf(foto);
$scope.fotos.splice(indiceFoto,1);
$scope.mensagem = "Foto " + foto.titulo + " removida com sucesso";
}, function(erro){
console.log(erro);
$scope.mensagem = "Não foi possível remover a foto " + foto.titulo;
});
};
