Цикл по переменной, не являющейся массивом, с помощью ngFor

Question

В моем app.component.ts у меня есть переменная типа number примерно так

somevar: number = 3

Я пытаюсь перебрать ее в моем app.component.html и сделать что-то тривремя (в данном случае, поскольку somevar равно 3).

Возможно ли это, поскольку переменная не является массивом, и в этом случае это будет тривиально с использованием директивы ngIf.

Я пыталсячто-то вроде ниже, но это довольно идиотский и, конечно, не работает.

<div *ngFor="let i = somevar; while i > 0; i--">
   <span>+</span>
</div>

Answer 1

Вот один из способов сделать это, добавив метод или переменную массива в класс компонента. Он создает строку, повторяя символ somevar раз, и преобразует строку в массив символов, который можно повторять с помощью ngFor.

<div *ngFor="let item of 'x'.repeat(somevar).split('')">
   <span>+</span>
</div>

См. этот стек-блиц для демонстрации.