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 - 具有循環表值的動態錶行和列

回答

相關問題