如何从此数组中获取唯一记录。我需要从这个项目数组中获取唯一的 {{ subitem.author }}
。
<div *ngFor="let item of items">
<ion-list *ngFor="let subitem of item.items" (click)="authorquotes(subitem.author);">
<ion-item >
{{ subitem.author }}
</ion-item>
</ion-list>
</div>
在有多个记录的数组中。从该数组中,我需要过滤唯一的作者。
最佳答案
您必须创建一个管道来过滤具有唯一项的数组:
@Pipe({
name: 'filterUnique',
pure: false
})
export class FilterPipe implements PipeTransform {
transform(value: any, args?: any): any {
// Remove the duplicate elements
let uniqueArray = value.filter(function (el, index, array) {
return array.indexOf (el) == index;
});
return uniqueArray;
}
}
然后你可以应用你的管道:
<div *ngFor="let item of items | filterUnique">
<ion-list *ngFor="let subitem of item.items" (click)="authorquotes(subitem.author);">
<ion-item >
{{ subitem.author }}
</ion-item>
</ion-list>
</div>
关于javascript - 如何获取 *ngFor 循环唯一记录,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43512528/