Angular.js $ httpの後、約束の成否にかかわらず、関数completeを呼び出します

Question

Angular.jsで提供されているpromise APIを使用して$ http呼び出しの結果に関係なく、関数を実行するにはどうすればよいですか？

$http({ 
    method: 'POST', 
    url: submitUrl, 
    data: $scope.data 
}) 
.success(function(data) { 
     // execute this code on success 
}) 
.error(function(data) { 
     // execute this code on error 
}) 
.complete(function() { 
    // execute this code regardless of outcome 
}); 

リクエストが完了すると、これを使用してAJAXスピナーアイコンを非表示にすることができます。リクエスト結果にかかわらず、スピナーを非表示にしたい場合があります。

Answer 1

私はAngular.jsで世界最高の専門家ではないが、次のようにあなたができることを理解する：あなたは、基本的に$ Q約束のある一つ以上の.then()、から何かを工夫することを余儀なくされている

whatever.then(function() { 
    // success code here 
}, function() { 
    // error code here 
    return true; // return anything that's not undefined (and not a `throw()`) to force the chain down the success path at the following then(). 
}).then(function() { 
    // "complete" code here 
}); 

唯一の方法です。リクエストが成功したかどうかは気にしない場合は

Answer 2

、あなたは... successとerrorに

var cb = function(response){ 
     // do something 
    }; 


    $http.post(submitUrl, $scope.data).success(cb).error(cb); 

    // OR 

    $http.post(submitUrl, $scope.data).then(cb, cb); 

を同じコールバックを渡ししかしsuccessとerrorコールバックが異なっていることを知ることができます署名はthenコールバックよりも優先されます。

• http://docs.angularjs.org/api/ng。$ HTTP
• http://docs.angularjs.org/api/ng。$ qを

はまた、約束をテンプレートにあなたがいるかのようにスコープに取り付けた約束を扱うことができることを意味し、角度でテンプレートエンジンによって認識されていますそれらは結果の値でした。

これは、あなたがこれを行うことができますことを意味します

コントローラー：

$scope.article = $http.get('/articles/' + articleId); 

テンプレート：

<article ng-cloak> 
    <h3>{{article.title}}</h3> 
    <div>{{article.content}}</div> 
</article> 

そして$http.get約束が解決されたとき、ビューが更新されます。

Answer 3

それはあなたが何をしたいかに依存しますが、あなたはまた、あなたの約束の履行または拒否のいずれかを実行するためにfinally()を使用して、クリーンアップロジックのために、同様の：

promise.finally(function() { 
    // Do something regardless of outcome. 
}); 

すると、そのもののfinally()に注意してください。 $q（および他のいくつかのライブラリ）はofficial draftの一部ではありません。