Angular 基于模板中的数值循环mat图标

我有一个mat表，我试图找出一种有效的方法来输出

星形

乘以

行中的数字。评级

。例如，如果评级为4，我希望mat图标星形显示4次以表示4颗星。星星升到5。我能想到的唯一方法是使用*ngIf for

star您可以创建一个可重用的评级组件，如我在本例中所示？参考：@user6680放置changedetection:ChangeDetectionStrategy.onPush，一切都应该很好。我很感谢您的努力，但我认为在组件中使用这样的函数不好？参考：@user6680放置changedetection:ChangeDetectionStrategy.onPush，一切都应该正常
    <table mat-table class="full-width-table" [dataSource]="dataSource" matSort aria-label="Elements">

      <ng-container class="tableStyle" matColumnDef="rating">
        <th id="dateReceivedHeader" class="tableStyle" mat-header-cell *matHeaderCellDef mat-sort-header>Rating
        <td [ngStyle]="{'width': '20%'}" class="tableStyle" mat-cell *matCellDef="let row">
          <span id="ratingValue">
            {{row.rating}}<mat-icon>star</mat-icon></span></td>
      </ng-container>

    </table>