问使用ngFor遍历非数组变量
EN

Stack Overflow用户

提问于 2019-04-01 06:04:58

回答 1查看 422关注 0票数 1

在我的app.component.ts中有一个number类型的变量，如下所示

somevar: number = 3

我试图在我的app.component.html中循环遍历它，并做一件事三次(在本例中，因为某些变量是3)。

这是可能的，因为变量不是数组，在这种情况下，使用ngIf指令这将是微不足道的。

我尝试过像-but下面这样的东西，它非常愚蠢，当然也不起作用。

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

回答已采纳

发布于 2019-04-01 06:36:22

这里有一种方法，只需在component类中添加一个方法或数组变量。它通过重复一个字符somevar次来创建一个字符串，并将该字符串转换为一个可以用ngFor迭代的字符数组。

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

有关演示，请参阅this stackblitz。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55445884

复制

相似问题

问使用ngFor遍历非数组变量EN