根据平均数插入一些元素

Question

即时工作我的评级系统部分现在我想根据平均数添加一些元素到模板，例如，如果用户评级是4我应该插入4开始div元素我该怎么办？

number = 4

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

Answer 1

您可以创建一个方法，使用'n'项/长度构建一个空数组，因此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)
}