JSONファイルの内容がHTMLで読み込まれない

Question

私はいくつかの同様の反応を見たことがありますが、私の問題には対処していません。 html/JSの完全な初心者。リモートWebサーバ上でホストされている

JSONファイル、：

[ 
    {"firstName": "John", "lastName": "Doe"}, 
    {"firstName": "Anna", "lastName": "Smith"}, 
    {"firstName": "Peter", "lastName": "Jones"} 
] 

ここに私のJSコードがあります。 $http.getは、JSONデータを一時的なWebサーバーに保存できるWebサイトです。

automate.js：

var parsefile = angular.module("parser", []); 

parsefile.controller("parserCtrl", function($scope, $http) { 
    $http.get("https://api.myjson.com/bins/wpkh").then(function(response) { 
    $scope.stuff = response.data; 
    }); 
}); 

そして、私のHTMLコードの一部である：

<div ng-app="parser" ng-controller="parserCtrl"> 
    <ul> 
    <li ng-repeat="x in stuff"> 
     {{ stuff.firstName }} 
    </li> 
    </ul> 
</div> 
<script src="automate.js"></script> 

しかし、私はそれを実行すると、印刷さ唯一の事は文字通り{{stuff.firstName}}です。

ヒント？

Answer 1

あなたはstuff'sfirstNameを印刷しようとします

<li ng-repeat="x in stuff"> 
    {{ stuff.firstName }} 
</li> 

を持っています。

<li ng-repeat="x in stuff"> 
    {{ x.firstName }} 
</li> 

にそれを変更しても、サーバーは、あなたは私が今まで3時間に費やしてきた$scope.stuff