Tenho um Service que fornece uma lista de tarefas. Após obter esta lista através da injeção de dependências no meu controller eu seto um filtro para ordenar que as tarefas concluidas (task.done == true) fiquem por ultimo na lista da view.
O problema é que depois que eu aplico o filtro, os indexes da lista são modificados e não consigo mais remover o item. Abaixo meu código.
app.service('Tasks', function() {
var tasks = [
{
"id": 1,
"name" : "Tomar café",
"done" : false
},
{
"id": 2,
"name" : "Fazer Torrada",
"done" : false
},
{
"id": 3,
"name" : "Limpar a casa",
"done" : true
}];
this.getList = function() {
return tasks;
};
this.removeTask = function(task) {
tasks.splice(tasks.indexOf(task), 1);
};
this.setDone = function(index, task) {
tasks.splice(index, 1, task);
};
this.saveTask = function(task) {
tasks.push(task);
};
});
app.controller('IndexCtrl', function($scope, Tasks, $filter) {
$scope.tasks = Tasks.getList();
$scope.tasks = $filter('orderBy')($scope.tasks, 'done', false);
$scope.removeTask = function (task) {
Tasks.removeTask(task);
};
});
Tasks.removeTask(task)
no seu$scope.tasks
? Não seria:$scope.tasks = Tasks.removeTask($scope.tasks);
ng-repeat="task in tasks | filter: removeTask"