<table>
  <tr>
    <th>Name</th>
    <th>Age</th>
    <th>Email</th>
  </tr>
  <tr ng-repeat="person in people">
    <td>{{ person.name }}</td>
    <td>{{ person.age }}</td>
    <td>{{ person.email }}</td>
  </tr>
</table>

angular.module('myApp', [])
  .controller('myController', function($scope) {
    $scope.people = [
      { name: 'John', age: 25, email: 'john@example.com' },
      { name: 'Jane', age: 30, email: 'jane@example.com' },
      { name: 'Bob', age: 35, email: 'bob@example.com' }
    ];
  });

<div ng-app="myApp" ng-controller="myController">
  <table>
    <!-- 表格内容 -->
  </table>
</div>

<a ng-href="data.json" download>Download JSON</a>

angular.module('myApp', [])
  .controller('myController', function($scope, $http) {
    // 控制器代码
    // ...

    // 将表格数据转换为JSON并发布到JSON文件中
    $scope.downloadJSON = function() {
      var jsonData = angular.toJson($scope.people);
      var file = new Blob([jsonData], { type: 'application/json' });
      var url = URL.createObjectURL(file);
      var link = document.createElement('a');
      link.href = url;
      link.download = 'data.json';
      link.click();
    };
  });