角2：降順のng：

Question

私はアイテムの配列を持つコンポーネントを持っています。

ユーザーがボタンをクリックするたびに、新しい配列がこの配列に追加されます。この配列はngForループにこのように示されている

：今

<li *ngFor="let log of Logs" class="list-group-item" [innerHTML]="log"</li> 

を、新しいログがリストの一番下に表示されます。私がしようとしているのは、リストの一番上に新しいログを表示することです。

どのように角度2で行うことができますか？

Answer 1

あなたは、このためのカスタムパイプを作成することができます。（私は元の配列を更新していない配列のコピーを作成することに注意してください）

@Pipe({ 
    name: 'reverse' 
}) 
export class ReversePipe { 
    transform(arr) { 
    var copy = arr.slice(); 
    return copy.reverse(); 
    } 
} 

をし、このようにそれを使用します。

<li *ngFor="let log of Logs | reverse" 
    class="list-group-item" [innerHTML]="log"</li> 

このパイプを使用するコンポーネントのpipes属性にこのパイプを追加することを忘れないでください。