Question

我需要帮助创建具有自定义行数/列数的表。我需要两个输入字段用于行数和列数，并且在提交表之后应该使用给定数量的行/列动态更改。此外，表格应填充从右下角的单元格螺旋/电路开始到左侧和顶部的值，直到所有单元格都像这张图片一样填充（顺时针方向）： http://i.imgur.com/O4GRpND.jpg

使用HTML，AngularJS，jQuery / JavaScript的最佳方法是什么。

非常感谢。

Answer 1

基本上，您可以使用数据数组

创建控制器

$scope.table = [
    [ 9,10,11,12,13],
    [ 8,21,22,23,14],
    [ 7,20,25,24,15],
    [ 6,19,18,17,16],
    [ 5, 4, 3, 2, 1]
  ];

然后在表行和列上使用ng-repeat指令显示它 table class =“example-animate-container”＆gt;

<table>
  <tr ng-repeat="row in table">
    <td ng-repeat="col in row">{{col}}</td>
  </tr>
</table>

然后创建一些输入框和一个按钮，让按钮调用一个函数而不是'表生成器'

部分示例此处：http://plnkr.co/edit/ikl6WEy7sAOpaelbi1iC?p=preview

AngularJS - 具有循环表值的动态表行和列

1 个答案: