Angular ng-repeat复杂表(数组数组)

时间:2014-02-07 21:48:24

标签: json angularjs angularjs-directive angularjs-ng-repeat ng-repeat

我是新的Angular开发人员,他需要帮助ng-repeat。我有一些复杂的json,我想在表格(<table>)或有序列表(<ol>)中打印。

JSON

{
    "arrays": [
        [
            [1,2,3,4],
            [2,3,4,5],
            [3,4,5,6]
        ],
        [
            [1,2],
            [2,3],
            [4,5] 
        ] 
    ]
}

所以,我有一个包含n个数组的数组(本例中为2个),每个n数组包含相同数字(在本例中为3)的数字数组。 n个数组部分的每个数字数组也包含相同的数字(数字数组的第一部分的大小为4,第二部分的数字数组的大小为2)

现在我需要类似的东西

#  |   Numbers
---------------------------------------
1  |   1     2    3    4    :    1    2
2  |   2     3    4    5    :    2    3
3  |   3     4    5    6    :    3    4

OR

1.    1    2    3    4    :    1    2
2.    2    3    4    5    :    2    3
3.    3    4    5    6    :    3    4

1 个答案:

答案 0 :(得分:0)

向控制器添加一个方法,为您完成工作。

控制器

$scope.arrays = [
    [
        [1,2,3,4],
        [2,3,4,5],
        [3,4,5,6]
    ],
    [
        [1,2],
        [2,3],
        [4,5] 
    ] 
];

$scope.getRows = function () {
  var rows = [], i = 0;

  for (; i < $scope.arrays[0].length; i++) {
    rows.push($scope.arrays[0][i].concat(':', $scope.arrays[1][i]));
  } 

  return rows;
};

视图

{{ getRows() | json }}