AngularJS JSONファイルを読み取る$ httpサービス

Question

#httpサービスでtest.jsonファイルからデータを読み取ろうとしています。私はxampp localhostですべてを実行していますが、実際に何が起こっているのか分かりません。ここではjsコードです。助けを前にありがとう。

<script type="text/javascript"> 
var app = angular.module('myApp', []); 
     app.controller('myCtrl', ['$http', '$scope', function($http, $scope){ 
      $http.get('test.json').success(function(response){ 
       $scope.myData = response; 
      }); 
     }]); 
</script> 

EDIT：それはJSONファイルです：
[{"id":"1","name":"John"}, {"id":"2","name":"Paul"},]

そして、これは、HTMLの残りの部分である：

<ul> 
    <li ng-repeat="data in myData"> 
     {{data.id}} 
     {{data.name}} 
    </li> 
</ul> 

Answer 1

$はhttpレガシー約束方法の成功とエラーが廃止されました。代わりにstandard thenメソッドを使用してください。

JAVASCRIPT

<script type="text/javascript"> 
var app = angular.module('myApp', []); 
     app.controller('myCtrl', ['$http', '$scope', function($http, $scope){ 
      $http.get('test.json').then(function(response){ 
       $scope.myData = response; 
      }); 
     }]); 
</script> 

Answer 2

試してみて、angular.fromJson APIを使用してスコープに渡す前に、あなたのデータをフォーマットします。

代わり

$scope.myData = response; 

のこの

$scope.myData = angular.fromJson(response); 

を試してみて、あなたが.thenない成功を収めて解決する必要があります覚えて、それが役に立てば幸い。