从Angular 8列表中显示随机3

projects = [
  { name: '项目1', description: '这是项目1的描述。' },
  { name: '项目2', description: '这是项目2的描述。' },
  { name: '项目3', description: '这是项目3的描述。' },
  { name: '项目4', description: '这是项目4的描述。' },
  { name: '项目5', description: '这是项目5的描述。' },
  // 其他项目...
];

<div *ngFor="let project of projects | shuffle | slice:0:3">
  <h3>{{ project.name }}</h3>
  <p>{{ project.description }}</p>
</div>

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

@Pipe({
  name: 'shuffle'
})
export class ShufflePipe implements PipeTransform {
  transform(array: any[]): any[] {
    let currentIndex = array.length;
    let temporaryValue: any;
    let randomIndex: number;

    while (0 !== currentIndex) {
      randomIndex = Math.floor(Math.random() * currentIndex);
      currentIndex -= 1;

      temporaryValue = array[currentIndex];
      array[currentIndex] = array[randomIndex];
      array[randomIndex] = temporaryValue;
    }

    return array;
  }
}