未載入HTML的JSON文件內容

Question

我見過類似的回覆，但沒有解決我的問題。在html/JS中完成新手。

JSON文件，託管在遠程Web服務器：

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

這裏是我的JS代碼。 $http.get是一個網站，可讓您將JSON數據存儲到臨時網絡服務器中。

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

你有

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

將嘗試打印stuff'sfirstName。它變成

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

而且還嘗試檢查，如果你的服務器返回的任何數據，其中分配給我曾經花了3個小時的$scope.stuff