使用ngFor循环遍历非数组变量

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (122)

在我的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>
提问于
用户回答回答于

这是一种方法,可以在组件类中添加方法或数组变量。它通过重复字符somevar次数来创建字符串,并将字符串转换为可以迭代的字符数组ngFor

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

有关演示,请参阅此stackblitz

扫码关注云+社区

领取腾讯云代金券