AngularJS $ http.delete и $ window.location.reload()

Question

У меня есть интересная проблема с функциями $ http.delete() и $ window.location.reload(). В основном я вызываю метод delete, который в свою очередь вызывает вызов $ http.delete(), который - с использованием интерфейса API REST - удаляет данные из базы данных (mongoDB). По неизвестным причинам это не то, что происходит:

• удаление успешно в базе данных
  • это проверяется, как данные больше не находится в базе данных
  • также контролируется с помощью Chrome DevTools он показывает статус: 200
• $ window.location.reload() вызывается, и ничего не происходит
  • Chrome DevTools показывает GET вызов к корню домена но статус «в ожидании»

Страница не тайм-аут, он в основном держится на погрузке и загрузке и погрузки. Как только я нажму Refresh/CTRL-F5, все вернется в норму, и я вижу, что мой элемент удален.

Некоторые выдержки из моего кода:

app.js

angular.module('contacts', ['ngRoute', 'contacts.factory', 'contacts.filters', 'ui.bootstrap']). 
    config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { 
    $routeProvider. 
     when('/', { 
     templateUrl: '/p/list', 
     controller: ListCtrl, 
     }). 
     otherwise({ 
     redirectTo: '/' 
     }); 
    $locationProvider.html5Mode(true); 
    }]); 

controllers.js

function ListCtrl($scope, $modal, contactFactory) { 
//code removed 
    $scope.delete = function(c) { 
    var id = c._id; 
    var modalInstance = $modal.open({ 
     templateUrl: 'deleteContactModal', 
     controller: deleteContactModalCtrl, 
     resolve: { 
     contact: function() { 
      return contactFactory.getContact(id); 
     } 
     } 
    }); 
    } 
} 

var deleteContactModalCtrl = function($scope, $route, $modalInstance, $window, contact, contactFactory) { 
    $scope.name = contact.data.contact.name; 

    $scope.deleteContact = function() { 
    contactFactory.deleteContact(contact.data.contact._id).success(function() { 
     //have also tried: $window.location.reload(true); 
     //as well as window.location.href('/') - didn't work either 
     $modalInstance.close($window.location.reload()); 
    }); 
    }; 
} 

factory.js

angular.module("contacts.factory", []). 
    factory('contactFactory', function($http){ 
    return { 
     //code removed 
     deleteContact: function(id) { 
     return $http.delete('/api/contact/' + id); 
     } 
    } 
    }); 

бэкенд - app.js

//usual express setup 
app.delete('/api/contact/:id', api.delete); //delete contact 

бэкенд - api.js

//code removed 
exports.delete = function (req, res) { 
    var id = req.params.id; 
    if (id) { 
    ContactModel.findById(id, function (err, contact) { 
     contact.remove(function (err) { 
     if (!err) { 
      res.json(true); 
     } else { 
      res.json(false) 
      console.log(err); 
     } 
     }); 
    }); 
    } 
}; 

На данный момент я даже не уверен, что если эта проблема связана с веб-интерфейсе или в интерфейсе. Как упоминалось ранее - бэкэнд-часть работает нормально - данные удаляются из БД.

Answer 1

Хорошо решение, кажется следующее:

$scope.deleteContact = function() { 
    contactFactory.deleteContact(contact.data.contact._id).success(function() { 
     $modalInstance.close(); 
     contactFactory.getContacts().success(function(contacts) { 
     return $scope.contacts = contacts; 
     }); 
     $window.location.reload(); 
    }); 
    }; 

Мне нужно, чтобы получить getContacts() метод с моей фабрики снова во время удаления метода.