Javascript 多次重复填充表格

我试图用不同范围变量的值填充同一个表。A和B将始终具有相同的长度

$scope.a=[1,2,3]
$scope.b=[4,5,6]

A.
B
{{itemA}}
{{itemB}}

我将两个数组合为一，并访问如下属性：

$scope.items = [{
    a: 1,
    b: 4    
}, {
    a: 2,
    b: 5    
}, {
    a: 3,
    b: 6    
}]

<tr ng-repeat="item in items">
  <td>{{item.a}}</td>
  <td>{{item.b}}</td>
</tr>

$scope.items=[{
答:1,，
b:4
}, {
答:2,，
b:5
}, {
a:3，
b:6
}]
{{item.a}
{{item.b}

我将两个数组合为一，并访问如下属性：

$scope.items = [{
    a: 1,
    b: 4    
}, {
    a: 2,
    b: 5    
}, {
    a: 3,
    b: 6    
}]

<tr ng-repeat="item in items">
  <td>{{item.a}}</td>
  <td>{{item.b}}</td>
</tr>

$scope.items=[{
答:1,，
b:4
}, {
答:2,，
b:5
}, {
a:3，
b:6
}]
{{item.a}
{{item.b}

如果我们可以假设两个数组始终具有相同的长度：

<table>
  <thead>
    <tr>
      <th>A</th>
      <th>B</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="itemA in a track by $index"> 
      <td>{{itemA}}</td> <!--Could also be a[$index] -->
      <td>{{b[$index]}}</td>
    </tr>
  </tbody>
</table>

A.
B
{{itemA}}
{{b[$index]}

---

它所做的只是通过和索引跟踪数组，并使用该索引获取B中的必要元素。

如果我们可以假设两个数组始终具有相同的长度：

<table>
  <thead>
    <tr>
      <th>A</th>
      <th>B</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="itemA in a track by $index"> 
      <td>{{itemA}}</td> <!--Could also be a[$index] -->
      <td>{{b[$index]}}</td>
    </tr>
  </tbody>
</table>

A.
B
{{itemA}}
{{b[$index]}

它所做的只是通过和索引跟踪数组，并使用该索引获取B中必要的元素。

将一些特殊值添加到内部范围，包括

$index

，您可以使用这些值引用

B

中的相应值

<tr ng-repeat="itemA in a">
  <td>{{ itemA }}</td>
  <td>{{ b[$index] }}</td>
</tr>

向内部范围添加一些特殊值，包括

$index

，您可以使用这些值从

b

引用相应的值

<tr ng-repeat="itemA in a">
  <td>{{ itemA }}</td>
  <td>{{ b[$index] }}</td>
</tr>