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

我需要有关创建具有自定义行数/列数的表的帮助。我需要两个输入字段来表示行数和列数，提交后，表应该随给定的行数/列数动态更改。此外，表格中应填充从右下角单元螺旋/串联电路到左上角的值，直到所有单元都像图中所示那样填充（顺时针方向）：

使用HTML、AngularJS、jQuery/JavaScript实现这一点的最佳方法是什么

---

非常感谢。

基本上，您可以使用数据阵列创建控制器

$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=“示例动画容器”>

{{col}}

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

---

这里的部分示例：

只需使用spriral值创建一个二维数组，然后将外部数组绑定到行，将内部数组绑定到角度方向的列。然后，您可以将ng click事件添加到按钮，以动态创建2D数组并填充值。不确定如何执行此操作？你能举个例子吗？你在这方面成功了吗？也许你应该试试

document.createElement（“td”）

和

document.createElement（“tr”）

，把你的部分解决方案与

结合起来（var x=0；xBut当我输入不同数量的行和列并生成表（例如7rows和8cols）时会发生什么？值将如何动态填充？我无法为每种可能的情况创建数据数组，值应根据行和列的数量动态填充。谢谢。您需要为Generas编写一个函数如果这样，它会将表初始化为正确的行数/列数，然后使用0循环每个数字，并按顺序更新每个单元格。@cseufert如何生成插入数据，循环和插入数据没有问题，数组生成的算法是什么？
<table>
  <tr ng-repeat="row in table">
    <td ng-repeat="col in row">{{col}}</td>
  </tr>
</table>