Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在angularjs中创建动态网格_Angularjs - Fatal编程技术网

在angularjs中创建动态网格

在angularjs中创建动态网格,angularjs,Angularjs,我是angularjs的新手,我想创建12*12的网格 我可以使用以下选项获得它- 1.使用嵌套for循环并将元素适当地附加到父div。 2.创建静态网格 但上述选项根本不涉及角度框架:( 在angular中最好的方法是什么?意味着我应该在哪里写循环(在controller中?)以及它将如何呈现?我尝试了ng repeat,但我找不到完成它的方法(我应该迭代哪些数据?) 我明白,这可能是个愚蠢的问题。(你确实可以使用ng repeat,我就是这么做的。它看起来像: HTML <table&

我是angularjs的新手,我想创建12*12的网格

我可以使用以下选项获得它- 1.使用嵌套for循环并将元素适当地附加到父div。 2.创建静态网格

但上述选项根本不涉及角度框架:(

在angular中最好的方法是什么?意味着我应该在哪里写循环(在controller中?)以及它将如何呈现?我尝试了
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"]
]