Непостоянные задержки Angularjs между $ http.get и $ http.post

Question

Вот часть кода одного из моих контроллеров.

//service call to add record to database 
//bookApi has addBook method which contains a $http.post inside 

bookApi.addBook(book); 

//service call to show list of all books 
//bookApi has a getBooks method which contains $http.get call 

bookApi.getBooks().then(function(response){ 
      $scope.booklist = response.data; 
    },function(data,status,config,headers) { 
     alert('some error occured'); 
    }); 

Что происходит, когда Booklist отображается на странице иногда getBooks называют заканчивается первым перед addBook, так как они оба асинхронным. SO на странице, когда книга представлена ​​на странице «Добавить книгу», следующая страница, которая отображается на дисплее, представляет собой список страниц книг, который иногда не содержит недавно добавленную книгу (вам нужно будет обновить).

Как этого можно избежать?

Answer 1

цепь обещание вместе в плоской форме, как так:

bookApi.addBook(book).then(function() { 
    return booksApi.getBooks(); 
}).then(function(response) { 
    $scope.booklist = response.data; 
}, function(data,status,config,headers) { 
    alert('some error occured'); 
}); 

Для борьбы с обратным вызовом ад, вернуть getBooks в функции обратного вызова. Как правило, хорошая методология обещания говорит, что вы не должны связывать then внутри другого then, но верните обещание и продолжите цепочку.