用動態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>