在angularjs中创建动态网格
我是angularjs的新手,我想创建12*12的网格 我可以使用以下选项获得它- 1.使用嵌套for循环并将元素适当地附加到父div。 2.创建静态网格 但上述选项根本不涉及角度框架:( 在angular中最好的方法是什么?意味着我应该在哪里写循环(在controller中?)以及它将如何呈现?我尝试了在angularjs中创建动态网格,angularjs,Angularjs,我是angularjs的新手,我想创建12*12的网格 我可以使用以下选项获得它- 1.使用嵌套for循环并将元素适当地附加到父div。 2.创建静态网格 但上述选项根本不涉及角度框架:( 在angular中最好的方法是什么?意味着我应该在哪里写循环(在controller中?)以及它将如何呈现?我尝试了ng repeat,但我找不到完成它的方法(我应该迭代哪些数据?) 我明白,这可能是个愚蠢的问题。(你确实可以使用ng repeat,我就是这么做的。它看起来像: HTML <table&
ng repeat
,但我找不到完成它的方法(我应该迭代哪些数据?)
我明白,这可能是个愚蠢的问题。(你确实可以使用ng repeat,我就是这么做的。它看起来像: HTML
<table>
<tbody>
<tr ng-repeat="row in tableData track by $index" ng-model="row">
<td ng-repeat="cell in row track by $index" "ng-model="row[$index]">
<!-- awesome content -->
</td>
</tr>
</tbody>
</table>
或者您可以查看一下ng grid,这是Angular UI团队的一项伟大工作:
编辑:
如果不需要在数组上重复,而只需要重复定义的次数,则应该查看;)感谢您的回复,但我不希望控制器中有任何数据,如
tableData
,因为每个元素都没有类似的存储。如果是动态维度,我需要重新创建数组。我会尝试!谢谢。更新的答案!我添加了一个链接,如果您不觉得需要使用ng grid来解决此问题:)很抱歉回复得太晚,这对我帮助很大,而且我通过创建对象网格实现了这一点,我意识到如果没有对象数组,我将无法处理任何事情。所以非常感谢。我的荣幸;)如果答案是你想要的,你能接受吗?:)
$scope.tableData = [
["A1","B1","C1",..."M1"],
//...
["A12","B12","C12",..."M12"]
]