Отмена предложения по угловому сервису

Question

У меня есть контроллер, который выполняет HTTP-запрос.
Этот запрос может занять от 2 секунд до 4 минут, чтобы вернуть некоторые данные.
Я добавил кнопку, чтобы пользователи должны были щелкнуть, чтобы отменить запрос, если поиск слишком длинен для завершения.

Контроллер:

$scope.search = function() { 
    myFactory.getResults() 
     .then(function(data) { 
     // some logic 
     }, function(error) { 
     // some logic 
    }); 
} 

Услуги:

var myFactory = function($http, $q) { 
    return { 
     getResults: function(data) { 
      var deffered = $q.dafer(); 
      var content = $http.get('someURL', { 
       data: {}, 
       responseType: json 
      )} 

      deffered.resolve(content); 
      returned deffered.promise; 
     } 
    } 
} 

нажатия кнопок:

$scope.cancelGetResults = function() { 

    // some code to cancel myFactory.getResults() promise 

} 

Как я могу impleme nt нажмите кнопку, чтобы отменить обещание myFactory.getResults()?

Answer 1

Вы можете использовать метод .resolve(), который должен быть доступен.

Передайте обещание в контроллере переменной.

Создать, например. отменить метод, который берет на себя обещание в качестве аргумента в вашей фабрике. Затем вызовите этот метод в функции cancelGetResults() в контроллере.

В способе отмены, который вы только что позвонили .реализовать принятое обещание.

Это должно быть на самом деле.

https://www.bennadel.com/blog/2731-canceling-a-promise-in-angularjs.htm

Answer 2

Вопрос использует deferred antipattern, которые, как правило, следует избегать, но он подходит случай отмены:

getResults: function(data) { 
    var deffered = $q.defer(); 

    $http.get('someURL', { 
     data: {}, 
     responseType: json 
    }).then(deffered.resolve, deferred.reject); 

    deffered.promise.cancel = function() { 
     deferred.reject('CANCELLED') 
    }; 

    returned deffered.promise; 
} 

Answer 3

GetResult это услуга, в которой мы осуществляем отмену.

getResult = function(){ 
var deferred = $q.defer(); 
$http.get(url).success(function(result){ 
    deffered.resolve(result); 
}).error(function(){ 
deffered.reject('Error is occured!'); 
}); 
return deferred.promise; 
}; 

где переменная url используется вместо любого URL-адреса Restfully API. Вы можете использовать его с заданным кодом.

getResult().then(function (result) { console.log(result); };