无法使用Angular js从JSON文件中检索数据

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>

<div ng-app="myApp" ng-controller="myController">
  <ul>
    <li ng-repeat="item in data">{{ item.name }}</li>
  </ul>
</div>

<script>
  var app = angular.module('myApp', []);
  app.controller('myController', function($scope, $http) {
    $http.get('data.json').then(function(response) {
      $scope.data = response.data;
    });
  });
</script>

[
  {
    "name": "Item 1",
    "description": "Description 1"
  },
  {
    "name": "Item 2",
    "description": "Description 2"
  },
  ...
]