如何通过表格数据使用ng-repeat?

时间:2016-11-10 16:35:54

标签: javascript angularjs

给定7个元素的数组(7个数组各有1个元素)我想显示1个表行(因为每个数组中有1个元素),包含7个表数据。所以表输出应该是这样的:

   some label1 | some label2 | some label3 | some label4 | some label5 some label6 | some label7
0

的JavaScript

 $scope.array = [
  [
    {
      id: 1,
      label: 'some label1'
    }
  ],
  [
    {
      id: 2,
      label: 'some label2'
    }
  ],
  [
    {
      id: 3,
      label: 'some label3'
    }
  ],
   [
    {
      id: 4,
      label: 'some label4'
    }
  ],
  [
    {
      id: 5,
      label: 'some label5'
    }
  ],
  [
    {
      id: 6,
      label: 'some label6'
    }
  ],
  [
    {
      id: 7,
      label: 'some label7'
    }
  ]
];

HTML

<table>
  <tr ng-repeat="item in array"></tr> // this will generate 7 rows
</table>

2 个答案:

答案 0 :(得分:2)

您可以执行以下操作:

ArrayList<Integer> childArray = new ArrayList<>();
arrayOfarrays.add(childArray); //adds the given array at the last position
arrayOfarrays.add(1, childArray); //adds the given array at index 1

这是一个工作样本:https://plnkr.co/edit/sYo6YPuMmZ3B9EGhznkS?p=preview

答案 1 :(得分:0)

我认为如果你解析数组项并将它们连接成一个字符串,那么你应该可以做这样的事情

<table>
  <tr>
    <td ng-bind="scope variable name"/>
  </tr>
</table>