如何在 ngFor 中声明和初始化一个新数组？答案

【问题标题】：How to Declare and Initialize a New Array Inside ngFor?如何在 ngFor 中声明和初始化一个新数组？
【发布时间】：2021-12-01 19:42:41
【问题描述】：

我试图在 ngFor 循环中添加一些虚拟记录，而不必在组件文件中声明数组。这可能吗？像这样的：

<div *ngFor="let repeat of new Array(8)">
   <ngx-skeleton-loader></ngx-skeleton-loader>
</div>

当我这样做时它会起作用：

<div *ngFor="let repeat of mockRecords">
  <ngx-skeleton-loader></ngx-skeleton-loader>
</div>

并且在组件文件中：

mockRecords: Array<any> = new Array(8);

【问题讨论】：

【解决方案1】：

根据角度documentation，您不能在模板中使用 new。

您可以直接使用其项目定义虚拟数组：

   <div *ngFor="let repeat of ['item1', 'item2', 'item3']">
      <ngx-skeleton-loader></ngx-skeleton-loader>
   </div>

【讨论】：