最后一个元素的角度过滤器

Question

如何编写仅返回列表最后一个元素的过滤器/如何编写返回除最后一个元素之外的所有元素的过滤器。

背景： 我有一个项目列表，其中最后一个项目应该是可编辑的。因此，我需要这个过滤器来获取它。

Answer 1

您可以使用Pipe来过滤数组

管

@Pipe({name: 'lastItem'})
export class LastItemPipe implements PipeTransform {
transform(items: any[], exclusive: boolean): any {
if (exclusive) { return items.slice(0, items.length - 1); }
return [items[items.length - 1]];
}
}

模板

<h2>list without</h2>    
<div *ngFor="let item of items | lastItem:true">{{item}}</div>    
<h2>list with</h2>    
<div *ngFor="let item of items | lastItem:false">{{item}}</div>

实时弹跳器示例