Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为ng repeat集合阵列_Javascript_Arrays_Angularjs_Angularjs Ng Repeat - Fatal编程技术网

Javascript 为ng repeat集合阵列

Javascript 为ng repeat集合阵列,javascript,arrays,angularjs,angularjs-ng-repeat,Javascript,Arrays,Angularjs,Angularjs Ng Repeat,我有多个数组,希望用ng repeat将它们显示在一个表中。如何像一个数组一样合并数组 name=[name1,name2]和type=[type1,type2]到一个data=[…]所以我可以重复data.name和data.type?你可以这样做: var firstArray = ['John', 'David', 'Bob']; var secondArray = ['Mike','Sam','Carol']; var arrayOfObject = firstArray.map(fun

我有多个数组,希望用ng repeat将它们显示在一个表中。如何像一个数组一样合并数组
name=[name1,name2]和type=[type1,type2]到一个data=[…]所以我可以重复data.name和data.type?

你可以这样做:

var firstArray = ['John', 'David', 'Bob'];
var secondArray = ['Mike','Sam','Carol'];
var arrayOfObject = firstArray.map(function (value, index){
   return [value, secondArray[index]]
});

o/p:
[['John'、'Mike']、['David'、['Sam']、['Bob'、'Carol']]

在您的组件中,您可以根据需要创建一个对象。 例如:

const names = ['name1', 'name2', 'name3'];
const types = ['type1', 'type2', 'type3'];

const data = [];

for (let i = 0; i < names.length; i++)  {
    data.push({name: names[i], type: types[i]});
}

console.log(data); // [{name: 'name1', type: 'type1'}, ... and so on]
<table>
    <tr *ngFor="let item of data">
        <td>{{ item.name }}</td>
        <td>{{ item.type }}</td>
    </tr>
<table>