Javascript 将json响应从js控制器显示到html表中

我正在用AngularJS开发一个spring应用程序。我有一个JS控制器的响应。我想在页面上的表格中显示

devDebtTable是可从JS控制器访问页面的对象

我在页面上使用{{devDebtTable}}打印的JS控制器的响应（模拟数据）就是我想要放入表中的内容：

 {"headers":["John","Larry","Steve"],"rows":[["Project1","14 Days","2 Days","1 Day"],["Project2","10 Days","4 Days",""],["Project3","","2 Days","10 Days"]]}

我希望它的格式如下：

             Dev 1    Dev 2   Dev 3     Dev 4
Project 1   5 Days    2 Days  2 Days    1 Day
Project 2   5 Days    7 Days  2 Days
Project 3   3 Days   14 Days  12 Days   
Project 4   12 Days  14 Days  5 Days
Project 5   33 Days  53 Days  23 Days

这是我到目前为止尝试过的，这是不对的

<div class="container">
    <table class="table table-bordered">
        <thead>
        <tr ng-repeat="data in devDebtTable">
            <th scope="colgroup"></th>
            <th scope="colgroup" ng-repeat="headers in data">{{headers}}</th>
        </tr>
        </thead>
        <tr ng-repeat="row in devDebtTable.row">
            <td>item:{{row}}</td>
            <!--<td ng-repeat="item in row">item:{{item}}</td>-->
        </tr>
    </table>
</div>

{{headers}}
项目：{{row}

---

昨天我花了8个小时尝试不同的事情。如何将JSON响应放入页面上的表中？

代码中有一系列错误。请将代码更新为以下内容，然后重试

• 删除

  ng repeat=“devDebtTable中的数据”

• 将标题ng repeat更新为

  ng repeat=“数据中的标题.标题”

• 将数据ng repeat更新为

  ng repeat=“devDebtTable.rows中的行”

• 删除

  项：{{row}

• 取消注释

  项：{{item}

  并删除文本项：

  <table class="table table-bordered">
     <thead>
        <tr>
           <th scope="colgroup"></th>
           <th scope="colgroup" ng-repeat="headers in data.headers">{{headers}}</th>
        </tr>
     </thead>
     <tr ng-repeat="row in devDebtTable.rows">
        <td ng-repeat="item in row">{{item}}</td>
     </tr>
  </table>
  

  
  {{headers}}
  {{item}}
  

在此示例中，我们为视图创建新模型

var-app=angular.module（“app”，[]）；
应用程序控制器（“ctrl”，函数（$scope）{
//这是你的基本型号
$scope.devDebtTable={
“标题”：[“约翰”、“拉里”、“史蒂夫”]，
“行”：[
[“项目1”、“14天”、“2天”、“1天”]，
[“项目2”、“10天”、“4天”、“10天”]，
[“项目3”、“2天”、“10天”]
]
}
//我们必须创建我们的模型
$scope.table={
标题：[]，
项目：[]
}
angular.forEach（$scope.devDebtTable.headers，函数（项）{
var头={name:item}
$scope.table.headers.push（header）；
});
forEach（$scope.devDebtTable.rows，函数（项，索引）{
var项目={
名称：项目[0]，
天数：[]
}
对于（变量i=0；i0）{
var newValue=item[i]==“”？null:item[i]；
project.days.push（newValue）；
}
}
$scope.table.projects.push（项目）；
});
});

自闭症
{{header.name}
{{project.name}
{{day}
非常好且经过深思熟虑的方法。我已经编写了控制器并将json响应发送到页面。因此，第一个解决方案对我最有效。不过这也行得通。谢谢