如何在Angular 2循环中每行显示两个表列(Angular2相当于PHP的array_chunk)

如何使用Angular 2实现以下功能？

我希望显示数据,在我的foreach期间每行两列.我希望我的结果如下所示:

VALUE1
VALUE2
VALUE3
VALUE4
VALUE5
VALUE6

类似的问题:如何在php循环中每行显示两个表列

有基本想法的Plunker:https://plnkr.co/edit/LuEYfK？p = preview

https://plnkr.co/edit/umL80bh0WKr8aPEueCxZ?p=preview

您可以创建管道以获取对值:

@Pipe({ name: 'pairs' })
export class PairsPipe implements PipeTransform {
  transform(array) {
    return array.reduce((result, item, index) => (
      index % 2 ? result : [...result, [item, array[index + 1]]]
    ), []);
  }
}

将管道添加到模块:

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ App , PairsPipe],
  bootstrap: [ App ]
})

并在*ngFor中使用: