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

【问题标题】：AngularJS - dynamic table rows and columns wih cyclic table valuesAngularJS - 具有循环表值的动态表行和列
【发布时间】：2015-01-24 12:37:32
【问题描述】：

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

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

非常感谢。

【问题讨论】：

只需使用您的 spriral 值创建一个二维数组，然后将外部数组绑定到行，将内部数组绑定到 Angular 中的列。然后，您可以将 ng-click 事件添加到按钮以动态创建 2D 数组并填充值。
不知道该怎么做？可以举个例子吗？
你有什么成功的吗？
也许你应该尝试document.createElement("td")和document.createElement("tr")部分解决方案
结合for (var x=0; x<numCols; x++)，你就已经成功了一半。

【解决方案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 指令显示它表 class="example-animate-container">

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

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

【讨论】：

但是当我输入不同数量的行和列并生成表格（例如 7rows 和 8cols）时会发生什么？那么值将如何动态填充？我无法为每种可能的情况创建数据数组，值应根据行数和列数动态填充。谢谢。
您需要编写一个函数来生成它，它将表初始化为正确的行数/列数，然后用 0 循环遍历每个数字，按顺序更新每个单元格。
@cseufert 如何生成插入数据，循环插入数据没问题，数组生成算法是什么？