根据平均数插入一些元素

Question

我正在处理我的评级系统部分，现在我想根据平均数向模板添加一些元素，例如，如果用户评级为 4，我应该插入 4 个开始 div 元素，我该怎么做？

number = 4

<div *ngFor="let i of ?"><i class="mdi mdi-star"</i</div>

Answer 1

您可以创建一个使用 'n' items/length 构建空数组的方法，因此 ngFor 将对其进行迭代

template.html

<div *ngFor="let i of buildArray()"><i class="mdi mdi-star"></i></div>

component.ts

number = 4;
//more logic
buildArray() {
   return new Array(this.number)
}

Insert some element according to Average number