javascript - 在 div 中以 html 表格格式显示 Angular 获取响应

Question

我正在研究 Angular-fullstack 生成器。我正在获取响应 get 请求的数据，该数据采用整数值的形式 (1 ,2
5,6
134、245
236,567
415,234 等等) 我想在前端以 html 表格的形式显示这些值，其中有两列，如下所示

     col1  col2
       1    2
       5    6
      134   245 and so on 

下面是我想要显示它的 html div

 <div id="tabdata" >

 </div>

我的 http get Angular Controller 代码

$scope.getdata =function(){
$http.get("/getdata" ).success(function(response){
$scope.output=response;
})

表格应根据响应中的内容进行调整。 预先感谢您的回复。

Answer 1

了解ng-repeat

根据数据的结构，您可以使用类似的内容

<tr ng-repeat="row in dataset">
    <td ng-repeat="cell in row">{{cell.value}}</td>
</tr>

您当然可以编写自己的指令，或者如果您事先知道传入的结构，则相应地指定单元格(以避免嵌套重复)

Tracking对于较大的数据集很有用