用angular操作异步呼叫

Question

I have a calendar that displays events from MongoDB. Every time a user click on prev or next button, i do an asynchronous call and than i reset the current array of days and events; but if a user clicks on a button several times are shown double results.

 $scope.next = function () {
     //reset array
    $scope.gridOptions.data=[];

    //date of week

    myService.dbAction(dt3,dt4).then(function (data) {

      check(data);
      $scope.gridOptions.data = $scope.setts;//update data
    }, function (error) {
      console.error('ERROR: ' + error);
    })
 }

I want only the last week events , how to do that?

Answer 1

A quick fix is to add a fetchPending flag. Use it to avoid duplicate fetches.

$scope.next = function () {
    if ($scope.fetchPending) return;
    $scope.fetchPending = true;
    //reset array
    $scope.gridOptions.data=[];

    //date of week

    myService.dbAction(dt3,dt4).then(function (data) {

      check(data);
      $scope.gridOptions.data = $scope.setts;//update data

    }).catch ( function (error) {
       console.error('ERROR: ' + error);
    }).finally( function () {
       $scope.fetchPending = false;
    })
 }