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

这是一种无需在组件中添加方法或数组变量的方法 class。它通过重复一个字符 somevar 次来创建一个字符串，并将该字符串转换为一个字符数组，可以用 ngFor.

进行迭代

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

有关演示，请参阅 this stackblitz。