2017-02-15 5 views
0

我々は...イオン2では、インデックス位置に基づいて配列内のngforを反復する方法は?

HTML、我々は1つのインデックス位置を増やす必要があり、その後、初めてのロードにいくつかの製品が必要な製品の配列を持っている:私たちは私たちの製品を表示しているdivの中で

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

をインデックスの位置に基づいて商品の配列を作成したいと考えています。

+0

、しかし、再び、私は単なる男です。あなたは配列か何かをフィルタリングしたいですか? – Kyrsberg

+0

はいアレイをフィルタリングしたい –

+0

指定したインデックスでフィルタリングしたいですか? – Kyrsberg

答えて

0

たぶん私は質問であるかを理解カントこのような何かあなたが指定されたインデックスで配列をフィルタリングする場合は

パイプ

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> 
関連する問題