从数组angular 9中的api转换数据，得到最后一个5

Question

我是angular 9的新手。

我需要将我的数据(我从api中获得它们(转换为数组，然后将最后5条带有键和值的记录显示为material modaldialog。我看到了这一点和其他一些建议，但对我来说并不奏效。最好的方法是什么？

这就是我迄今为止所尝试的：

父组件：

openDialogNewNotify(): void {

this.httpClient.get<Ticket[]>(this.API_URL + '/AllIssues').subscribe(data => {
this.dataChange.next(data);
//const objectArray = Object.entries(data);

this.dialog.open(NotifyNewComponent, {
width: '320px',
height: '200px',
data: {
Issue: // What I need to put here? 

},
});
}

html:

<div *ngFor="let item of data | keyvalue">
{{item.key}}:{{item.value}}
</div>

Answer 1

使用angular提供的切片管。有点像这个

<li *ngFor="let num of myArray | slice:myArray.length:-1">{{num}}</li>

在您的情况下

<div *ngFor="let item of data | slice:myArray.length:-1 | keyvalue">
{{item.key}}:{{item.value}}
</div>

这种方法的优点是，您只在模板级别执行切片。在ts中，您将获得所有有助于您对其余元素进行任何其他操作的数据。