如何让*ngFor随机显示？

ngFor是Angular框架中的一个指令，用于循环渲染列表数据。默认情况下，ngFor会按照数据在数组中的顺序依次显示。如果要实现随机显示，可以通过以下步骤：

创建一个数组，包含要显示的数据项。
在组件中定义一个方法，用于生成随机排序的数组。
在模板中使用*ngFor指令，并将数组传递给它。

下面是一个示例代码：

在组件中：

import { Component } from '@angular/core';

@Component({
  selector: 'app-random-ngfor',
  template: `
    <div *ngFor="let item of randomItems">{{ item }}</div>
  `,
})
export class RandomNgForComponent {
  items: string[] = ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5'];

  get randomItems(): string[] {
    return this.shuffleArray(this.items);
  }

  shuffleArray(array: any[]): any[] {
    let currentIndex = array.length;
    let temporaryValue;
    let randomIndex;

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

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

    return array;
  }
}

在上述代码中，我们定义了一个items数组，包含要显示的数据项。然后，通过randomItems方法返回一个随机排序的数组。在模板中，我们使用*ngFor指令循环渲染randomItems数组中的每个项。

这样，每次渲染时，*ngFor都会按照随机顺序显示数组中的数据项。

请注意，这只是一种实现随机显示的方法，可能不适用于大型数据集。对于大型数据集，可能需要使用其他算法来生成随机排序的数组。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云函数（SCF）。