angular:在angular模板中组合两个数组用于显示

Question

在ng-repeat中有如下显示代码:

<span ng-switch-default>
{{ a.x ? a.y : a.z }}
</span>

。Y, a.z是数组，这导致数组成员在[]内以'，'分隔，如:

["1", "2", "3"]

我有另一个字段a.m.，也是一个数组，在某些情况下，我希望将它的值组合起来。如果a.y是["1"， "2"， "3"]， a.m.是["一"， "二"， "三"]，我希望显示为:

["1: One:, "2:Two", "3:Three"]

做这件事的习惯方法是什么?

Answer 1

可以使用Array.map

const array1 = ["1", "2", "3"]
const array2 = ["One", "Two", "Three"]
const combinedArray = array1.map((element, index) => element + ':' + array2[index]);
console.log(combinedArray);
// ["1:One","2:Two","3:Three"]