2016-03-31 17 views
0

私はwordpress angularjsのテーマを持っていますが、約束を使ってコンテンツを読み込んでいません。私はいくつかのHTTPリクエストをしようとしていますが、それを達成するための簡単な方法を理解することはできません。WordpressのテーマangularJS promises

私は約束や工場でチュートリアルを見てきましたが、試してみるとエラーが発生します。誰かがうまくいくものの例を見せてもらえますか?

は、ここでの要求のそれぞれです:

$http.get('wp-json/wp/v2/posts/?filter[name]=' + $routeParams.slug) 
$http.get('wp-json/theme/v1/post/' + $scope.post.id) 
$http.get('wp-json/wp/v2/media/' + $scope.post.featured_image) 

はここに私のコントローラです。私は約束がどのように働くのか分かると、それを簡単に理解することができます。上記の2番目と3番目のHTTPリクエストは、最初のリクエストのコールバックで呼び出されます。あなたが達成したいものを

app.controller('Post', ['$scope', '$routeParams', '$http', 'service', function($scope, $routeParams, $http, WPService) {  
    // requests 
}]); 
+0

?あなたは '1st'の成功について' 2nd、 '' 'get''リクエストを呼び出すように頼んでいますか? – manish

+0

それは単なる単純な要求です、私は約束を使ってページが正しくロードされるようにしようとしています – Callum

+0

'成功'コールバックでそれらを(すべての 'get'要求)1つずつチェーンします。 – manish

答えて

0
$http.get(first_url).success(function (firstResult) { 
    $http.get(second_url).success(function (secondResult) { 
     $http.get(third_url).success(function (thirdResult){ 
     }); 
    }); 
}); 
+0

最後のhttp要求は大きな画像ですそのため、ページがロードされてから、画像「 – Callum

+0

」がロードされてから問題がない場合は、「第3の要求」を実行するまでに時間がかかります。第2の要求の「成功」は「GIF」をロードし、第3の要求の「成功」では「GIF」を非表示にする。それはあなたが背景の仕事を模倣するのに役立ちます。 – manish

関連する問題