AngularJS how to handle async calls

Question

var todoApp = angular.module('TodoApp', ['ngResource']);
todoApp.value('restTodo', 'api/1/todo/:id');

var todoCtrl = todoApp.controller('TodoCtrl', function($scope, $resource, restTodo) {
    $scope.src = $resource(restTodo);
    //add & refresh
    $scope.src.save({ content: 'hello world', done: false });
    $scope.todos = $scope.src.get();
    //OR
    //delete & refresh
    $scope.src.delete({ id: '1' });
    $scope.todos = $scope.src.get();
});

When I add/delete item(s) and read the todo list from server again to refresh it. I find that I will hit this error from time to time:

System.InvalidOperationException: There is already an open DataReader associated with this Command which must be closed first.

Someone said I can put MultipleActiveResultSets=true; into connect string, but I suspect it will only hide my issue, because the GET is obviously trying to have a dirty read before DELETE can finish its job.

In event based style language, I will naturally call GET after a DELETEComplete() event. However, I am new to AngularJS, I am not sure how it is done here? Please help.

JvdBerg · Accepted Answer · 2012-11-09 07:53:05Z

2

I am not a expert, but I would place the read code in the success callback of the save. Something like this:

var todoApp = angular.module('TodoApp', ['ngResource']);
todoApp.value('restTodo', 'api/1/todo/:id');

var todoCtrl = todoApp.controller('TodoCtrl', function($scope, $resource, restTodo) {
    $scope.src = $resource(restTodo);
    //add & refresh
    $scope.src.save({ content: 'hello world', done: false }, 
      function(data) {
       $scope.todos = $scope.src.get();
    });
});

answered Nov 9, 2012 at 7:53

JvdBerg

21.8k8 gold badges40 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tom Over a year ago

i see, so there is how to use the success callback. thank you. i give it a try.

Collectives™ on Stack Overflow

AngularJS how to handle async calls

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related