Question

                                      <tr *ngFor="let element of serialNo,listArray">
                                        <td class="text-center"> {{element}}</td> 
                                        <td class="text-center"> {{element.title}}</td>                                             
                                      </tr>

serialNo和listArray是我要在行中显示各个数组数据的数组

Answer 1

*ngFor="let element of serialNo.concat(listArray)"

如果您只想显示数据，将这样做。

Answer 2

希望这会起作用，您可以将两个数组合并为一个数组。

@Pipe({
name: 'merge'
})
export class MergePipe {
  transform(arr1, arr2) {
    var arr = [];
    arr1.forEach((elt, i) => {
      arr.push({ state: elt, name: arr2[i] });
    });
 }
}

在您的模板中

<tr *ngFor="let elt of serialNo| merge:listArray">
  <td class="text-center"> {{elt.name}}</td> 
  <td class="text-center"> {{elt.title}}</td>
</tr>

我想用一个ngFor循环控制两个数组

2 个答案: