Angular 在mat表中的单元格中填入ngfor和编号

我有一个填充单元格的问题。我有一张垫子桌子

<ng-container matColumnDef="score">
  <mat-header-cell mat-header-cell *matHeaderCellDef>
     {{'label.score'|translate }}
  </mat-header-cell>
  <mat-cell mat-cell *matCellDef="let element">
     <div *ngIf="element.score != null">
        <span *ngFor="let item of [].constructor(element.score);
           let i = index;">
           <mat-icon>star</mat-icon>
        </span>
     </div> 
   </mat-cell>
 </ng-container>

{{'label.score'| translate}}
明星

ngFor不使用可变元素.score创建星星。如果我替换数字3的element.score，则单元格中有3颗星，但如果element.score为3，则单元格中有一颗星

---

谢谢

如果element.score是一个数组，您只需迭代元素即可：

<span *ngFor="let item of element.score; index as i;">
    <mat-icon>star</mat-icon>
</span>

并在模板中使用此数组：

<span *ngFor="let item of createArray(element.score)">
    <mat-icon>star</mat-icon>
</span>

明星

---

另请参见：

如果element.score是一个数组，则可以在元素上迭代：

<span *ngFor="let item of element.score; index as i;">
    <mat-icon>star</mat-icon>
</span>

并在模板中使用此数组：

<span *ngFor="let item of createArray(element.score)">
    <mat-icon>star</mat-icon>
</span>

明星

---

另请参见：

您希望在typescript中声明一个数组，然后引用它，而不是使用

[].constructor（element.score）我已经尝试过了，结果是您希望在typescript中声明一个数组，然后引用它，而不是使用
[].constructor（element.score）我试过了，结果是相同的元素。分数不是数组，而是数字。分数不是数组，而是数字