AngularJS - 私はのように見えるサービスメソッド持って約束

Question

を返しサービスからのHTTP要求の取り消し：私は、次の方法で私のコントローラでは、このメソッドを使用

this.myServiceFunction = function(){ 
    var deferred = $q.defer(); 
    $http({ 
     method: 'GET', 
     url: 'domain/myendpoint' 
    }) 
     .success(function(data){ 
      deferred.resolve(data); 
     }) 
     .error(function(data){ 
      deferred.reject(data); 
     }); 
    return deferred.promise; 
}; 

：

$scope.myControllerFunction = function(){ 
    myService.myServiceFunction().then(function(){ 
     // Do things when promise resolves 
    }); 
}; 

を

上記のHTTP呼び出しをコマンド上の別の関数でキャンセルしたいと思います。私はこのanswerを見つけたので、$q.defer()から返されたオブジェクトのresolve()メソッドを呼び出してHTTPリクエストを取り消すことができます。しかし、私のコードベースでは、このオブジェクトは決して私のコントローラで利用可能になりません。

myService.myServiceFunction()は、上記の例では、$q.defer()から返されたpromiseオブジェクトを返します。私の持つ範囲内でHTTPリクエストをキャンセルするにはどうすればいいですか？

Answer 1

以下は、元のコードのオーバーヘッドなしで、質問に答えます。

this.myServiceFunction = function(){ 
    this.canceler = $q.defer(); 
    return $http({ 
    method: 'GET', 
    url: 'domain/myendpoint', 
    timeout: this.canceler.promise 
    }); 
}; 

this.cancelServiceFunction = function() { 
    return this.canceler.resolve(); 
}; 

しかし、あなたが何らかの理由でそのパターンを使用する必要がある場合は、以下を使用することができます。

this.myServiceFunction = function(){ 
    this.canceler = $q.defer(); 
    this.deferred = $q.defer(); 

    $http({ 
    method: 'GET', 
    url: 'domain/myendpoint', 
    timeout: this.canceler.promise 
    }) 
    .success(function(data){ 
    deferred.resolve(data); 
    }) 
    .error(function(data){ 
    deferred.reject(data); 
    }); 

    return deferred.promise; 
}; 

this.cancelServiceFunction = function() { 
    return this.canceler.resolve(); 
};