首页 > 解决方案 > 如何将两个 js 列表映射到一对列表?

问题描述

我有两个长度相同的列表

我想使用 Angular js 创建一个重复的 ui 表。

 <tr ng-repeat="pair in pairs ..>

[1,2,3,4]并且[a,b,c,d]会是

桌子:

1 row: 1 a

2 row: 2 b

3 row: 3 c

4 row: 4 d

我怎样才能做到这一点?

加入两个列表,然后以角度重复?或者做一些重复?

标签: javascriptarraysangularjs

解决方案


最好的方法是将两个数组合并为一个,例如:

var $scope.pairs = [] ;

for (var i = 0 ; i < Array_1.length ; i++) {
    $scope.pairs.push( {number: Array_1[i] ,
                        letter: Array_2[i]  } ;
}

和你的html:

<tr ng-repeat="pair in pairs>
   <td>
      {{pair.number}} - {{pair.letter}}
   </tr>
</tr>

推荐阅读