変数に$ http.getレスポンスを割り当てる方法AngularJS

Question

スタックオーバーフローに関する多くの類似の質問がありましたが、このヒントを使用することは役に立ちませんでした。

私はangular.jsを学習しており、APIで$ http.getを試していますが、変数に応答を割り当てる際に問題が発生しています。

以下のgetリクエストは、ロード時に実行されます。以下の（私は、ブラウザのコンソールビューでこれを見ることができますが、データが表示されていない。）リクエストに対するレスポンスです

[ 
     { 
     name: 'Dowayne', 
     surname: 'Breedt', 
     catchphrase: 'wallawallabingbangamIright?', 
     reviews: [ 
       { 
       stars: 5, 
       body: 'i love stuff', 
       soldOut: false, 
       }, 
       { 
       stars: 4, 
       body: 'meh', 
       soldOut: true, 
       }, 
       { 
       stars: 3, 
       body: 'shittake mushrooms', 
       soldOut: false, 
       }, 
       ] 
     } 
    ]; 

var app = angular.module('store',[]); 
    app.controller("StoreController", function($scope,$http){ 
     var request = $http.get('/test').then(function (response) { 
      $scope.data = response; 
      return response; 
     }); 
     request.then(function (data) { 
      this.products = $scope.data 
     }); 
    }); 

（これは私のapp.jsファイルです）

これはすべての迷惑データです（実際は練習用ですが）私はこのHTMLページに表示されない理由を理解していません。上記のスニペットをthis.productsに直接割り当てると動作します完全に/

私は何が欠けていますか？

ありがとうございます。

Answer 1

使用がデータを取得するその後、として使用.dataのプロパティを約束。

var app = angular.module('store',[]); 
app.controller("StoreController", function($scope,$http){ 
    var request = $http.get('/test').then(function (response) { 
     $scope.data = response.data; 
     return response.data; 
    }); 
}); 

Answer 2

以下の構文を試してください。

$http.get('/test').success(function(response) { 
     $scope.products= response.data; 

    });