javascript - 如何按表数据使用 ng-repeat？

Question

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

   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>

Answer 1

您可以执行以下操作:

<table>
  <tr>
    <td ng-repeat="item in array">{{item[0].label}}</td>
  </tr>
</table>

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