用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>

有关演示，请参见this stackblitz。