<li *ngFor="#user of users ">
{{ user.name }} is {{ user.age }} years old.
</li>
是否可以颠倒NGG,因为这些项目是自下而上添加的?
<li *ngFor="#user of users ">
{{ user.name }} is {{ user.age }} years old.
</li>
是否可以颠倒NGG,因为这些项目是自下而上添加的?
您需要实现一个利用JavaScript数组的反向方法的自定义管道:
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'reverse' })
export class ReversePipe implements PipeTransform {
transform(value) {
return value.slice().reverse();
}
}
你可以这样使用它:
<li *ngFor="let user of users | reverse">
{{ user.name }} is {{ user.age }} years old.
</li>
不要忘记在组件的Pipes属性中添加管道.