Javascript 未在HTML中加载JSON文件内容

我看到过一些类似的回答，但它们没有解决我的问题。html/JS中的完全新手

托管在远程Web服务器上的JSON文件：

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

这是我的JS代码。

$http.get

是一个允许您将JSON数据存储到临时Web服务器中的网站

Automation.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}

但是当我运行它时，唯一打印的东西就是

{{{stuff.firstName}}

有什么建议吗？

你有吗

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

并尝试检查您的服务器是否返回您分配给

$scope.stuff

的任何数据

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

---

并尝试检查您的服务器是否返回任何数据，这些数据是您分配给

$scope.stuff

的，这是我花了3个小时处理的最愚蠢的错误。我想这会发生在所有的程序员身上…谢谢你的新鲜眼光！我花了3个小时犯的最愚蠢的错误。我想这会发生在所有的程序员身上…谢谢你的新鲜眼光！