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