用动态tr创建动态html表格，td使用angularjs

Question

我该如何从json文件创建一个html表格，我不知道列数或行数（行数 - 足够重复） ， 此JSON文件是可编辑的，你会需要你的JSON文件加载到与任$http或$resource服务您的应用程序列和行变化

Answer 1

的数量。这最好在一项服务中完成，无论您需要什么数据，您都可以注入该服务。

this.getJson = function() { // real json get 
    $http.get('/api/GetJson').then(function(data) { 
     return data; 
}); 

};

我创建了一个small plunker一个包含我的假getJson函数的服务，该函数返回带有行的json数据。然后我将服务注入到HomeController中，并将这些行放在$ scope上。

$scope.rows = loadJsonService.getFakeJson().rows; 

当行在$ scope上时，只需使用ngRepeat指令来创建表结构。

<table class="table table-striped"> 
    <tr class="row" ng-repeat="row in rows"> 
     <th>row {{$index + 1}}</th> 
     <td class="column" ng-repeat="column in row.column">{{column}}</td> 
    </tr> 
    </table>