Угловой 2: ngFor в порядке убывания

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 компонента, в котором вы его используете.