Вставьте некоторый элемент в соответствии со средним числом

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)
}