在ngFor Angular 8+中反转数组项的简单管道，而不更改数组索引？

在ngFor Angular 8+中，可以使用自定义的管道来反转数组项而不更改数组索引。下面是一个完整的答案：

在Angular中，ngFor是一个内置的指令，用于在模板中循环显示数据。如果想要在ngFor中反转数组项的顺序而不更改数组索引，可以通过创建一个自定义的管道来实现。

首先，我们需要创建一个名为ReversePipe的管道。在Angular中，管道是用来转换数据的一种特殊的类。在该类中，我们需要实现transform方法来对数组进行反转。

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'reverse'
})
export class ReversePipe implements PipeTransform {
  transform(value: any[]): any[] {
    if (!value) return;
    return value.slice().reverse();
  }
}

在上面的代码中，我们定义了一个名为ReversePipe的管道，并实现了transform方法。该方法接收一个数组作为输入，并使用slice方法创建一个新的数组副本，然后使用reverse方法将数组项反转，最后返回反转后的数组。

接下来，我们需要在NgModule中声明并导入该管道，以便在应用中使用它。

import { ReversePipe } from './reverse.pipe';

@NgModule({
  declarations: [ReversePipe],
  imports: [],
  exports: [ReversePipe]
})
export class AppModule {}

最后，我们可以在模板中使用该管道来反转数组项。

<ul>
  <li *ngFor="let item of items | reverse">{{ item }}</li>
</ul>

在上面的代码中，我们通过在ngFor指令后添加管道语法“| reverse”来应用ReversePipe管道，从而反转数组项的顺序。

总结起来，通过创建一个自定义的管道，我们可以在ngFor Angular 8+中反转数组项的顺序而不更改数组索引。

关于ngFor、管道和其他Angular的知识，可以参考腾讯云的相关产品和文档：

• Angular官方文档：https://angular.cn/docs
• 腾讯云服务器less云函数SCF：https://cloud.tencent.com/product/scf
• 腾讯云数据库TencentDB：https://cloud.tencent.com/product/cdb
• 腾讯云对象存储COS：https://cloud.tencent.com/product/cos