首页 文章

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

提问于
浏览
0

我是新的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

要么

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

1 回答

  • 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 }}
    

相关问题