对于带有小数的自定义模板，您可以使用以下内容：

<ng-template #scoreTemplate let-fill="fill">
    <span class="star" [class.full]="fill === 100">
      <span class="half" [style.width.%]="fill">⭐</span>⭐
    </span>
</ng-template>

<ngb-rating max="5"
  [(rate)]="overallScore"
  [readonly]="true"
  [starTemplate]="scoreTemplate">
</ngb-rating>

但你也需要样式：

.star {
  position: relative;
  display: inline-block;
  font-size: 3rem;
  color: #d3d3d3;

  &.full {
    color: #ffa600;
  }

  &.half {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    color: #ffa600;
  }
}

对于只有半颗星星而不是所有小数，您可以用途：

<ng-template #scoreTemplate let-fill="fill">
    <span class="star" [class.full]="fill < 50">
      <span class="half" [style.width.%]="fill >= 50 ? 50 : 0">⭐</span>⭐
    </span>
</ng-template>

此外，您可以使用自定义图标替换emoji。

联系我们

<ngb-rating [max]="5"[(rate)]="overallScore" [readonly]="false">
    <ng-template let-fill="fill">
       <span class="star" [class.full]="fill===100"><span class="half"[tyle.width.%]="fill">&#9733;</span>&#9733;</span>
    </ng-template>
</ngb-rating>

样式页面

.star {
   height: 50px;
  position: relative;
  display: inline-block;
  font-size: 3rem;
  padding-top:5px;
  color: #d3d3d3;

  }

 .full {
   color: #ffa600;
  }
.starClass{
   position: absolute;
   display: inline-block;
   bottom: 30%;
   padding-top:4px;
   height:35px;
   color: #ffa600;
   overflow: hidden;

}