Question

我使用Express，Postgres和Angular创建了一个MVC待办事项应用程序。但是，每当我删除其中一个“todo”时，整个应用程序会立即闪烁白色，因为它会更新待办事项列表。当我看到todomvc.com的角度待办事项的例子时，它没有闪烁。任何人都知道如何消除闪烁？

这是我的删除方法

$scope.deleteTodo = function(todoID) {
  $http["delete"]('/todos/' + todoID).success(function(data) {
      $scope.todoData = data;
      console.log(data);
      $http.get('/todos').success(function(data) {
        $scope.todoData = data;
        console.log(data);
      }).error(function(error) {
        console.log('error');
      });
    }).error(function(data) {
      console.log('error');
    });
 };

Answer 1

$scope.deleteTodo = function(todoID) {
  $http["delete"]('/todos/' + todoID).success(function(data) {
      $http.get('/todos').success(function(data) {
        $scope.todoData = data;
      }).error(function(error) {
        console.log('error');
      });
    }).error(function(data) {
      console.log('error');
    });
 };

更好的方式

   var self = this;
   self.deleteTodo = function(todoID) {
      $http.delete('/todos/' + todoID)
           .then(function(val){
                return $http.get('/todos');
            })
            .then(function(result){
               self.todoData = result;
            }, function(error){
                 console.log("ERROR", error);
            });

删除条目

1 个答案: