绘制具有angularjs给出的行数和列数的表

Question

我们说我在控制器中定义了以下变量： $ scope.rows，$ scope.columns

我应该在我的html文件中绘制一个表，其中包含$ scope.rows行数和$ scope.columns列数。 （稍后他们会用jQuery着色......）

有什么想法吗？

Answer 1

<table>
   <thead>
     <tr>
       <th ng-repeat="columnin columns"></th>
     </tr>
   </thead>
   <tbody>
     <tr ng-repeat ="row in rows"></tr>
   </tbody>
</table>

在您的控制器中：

$scope.columns = new Array(10);
$scope.rows = new Array(10);

您也可以在以下功能中执行此操作：

$scope.setSizeOf(column, rows){
$scope.columns = new Array(column);
    $scope.rows = new Array(rows);
}