在 ionic 2 中，如何根据索引位置在数组内迭代 ngfor

Question

我们有一个产品数组，我们需要在第一次加载时添加一些产品，然后我们需要增加一个索引位置。

.html：

<div class="item_view" *ngFor="let product of productsArray; let idx = index"></div>

在div 中，我们正在展示我们的产品，我们希望我们的产品数组基于索引位置。

Answer 1

如果你想按给定索引过滤数组，也许是这样的

一根管道

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
  name: 'indexPipe'
})
export class IndexPipe implements PipeTransform {
  transform(array: Array<any>, index?: any): any {
    if (index) {
      return array.filter((item, _index) => {
        return _index == index;
      });
    }
    return array;
  }
}

模板

<div class="item_view" *ngFor="let product of productsArray | indexPipe:wantedIndex"></div>