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

我需要使用自定义行数/列数创建表的帮助。我需要两个输入字段的行数和列数，并且在提交表之后应该使用给定数量的行/列动态更改。另外，表应与值从右下细胞螺旋开始/在电路的左侧和顶部，直到所有的细胞在这个图象填充象（在顺时针方向）来填充： http://i.imgur.com/O4GRpND.jpg AngularJS - 具有循环表值的动态表行和列

什么是最好的方法与HTML，AngularJS，jQuery/JavaScript。

非常感谢。

来源

2014-09-29 Apatrid

只需创建一个带有spriral值的二维数组，然后将外部数组绑定到行，将内部数组绑定到Angular中的列。然后，您可以将ng单击事件添加到按钮以动态创建二维数组并填充值。 – 2014-09-29 05:28:50

不知道该怎么做？你能举个例子吗？ – Apatrid 2014-09-29 05:31:25

Didj你有这个成功吗？ – GoranB 2015-01-23 15:04:56

基本上可以创建与所述数据阵列

$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] 
    ];

，然后显示它使用上表中的行和cols 表类=“示例-动画容器” NG重复指令>

控制器

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

然后创建一些输入框和按钮，以及具有该按钮调用一个函数比是“表生成”

偏例如她的e：http://plnkr.co/edit/ikl6WEy7sAOpaelbi1iC?p=preview

来源

2014-09-29 05:43:53

但是当我输入不同数量的行和列并生成例如7rows和8cols的表时会发生什么？值如何动态填充？我无法为每种可能的情况创建数据数组，值应该根据行数和列数动态填充。谢谢。 – Apatrid 2014-09-29 05:56:23

您需要编写一个函数来生成这个函数，它会将表初始化为正确的行数/列数，然后循环遍历每个数字按顺序更新每个单元格。 – 2014-09-29 22:55:59

@cseufert你将如何生成插入数据，循环和插入数据不成问题，数组generetaion的算法是什么？ – GoranB 2015-01-23 15:06:53

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

回答

相关问题