在angular.js中使用.json加载表

[
  {
    "id": 1,
    "name": "John",
    "age": 25
  },
  {
    "id": 2,
    "name": "Jane",
    "age": 30
  },
  {
    "id": 3,
    "name": "Bob",
    "age": 35
  }
]

var app = angular.module('myApp', []);

app.controller('myController', function($scope, $http) {
  // 加载JSON文件
  $http.get('data.json').then(function(response) {
    $scope.tableData = response.data;
  });
});

<div ng-app="myApp" ng-controller="myController">
  <table>
    <tr>
      <th>ID</th>
      <th>Name</th>
      <th>Age</th>
    </tr>
    <tr ng-repeat="item in tableData">
      <td>{{ item.id }}</td>
      <td>{{ item.name }}</td>
      <td>{{ item.age }}</td>
    </tr>
  </table>
</div>