angular - 如何在模板中定义数组（不使用.ts）

Question

我知道最好的方法是从.ts 中定义一个变量。但在这种情况下，我需要能够*ngFor从给定的数字中进行操作，其中该数字将是具有该位置数的数组。

我的想法是这样的：

<ng-container * ngFor = "let item of new Array(number)>
  ...
</ng-container>

例如：数字=3

<ng-container * ngFor = "let item of new Array(3)>
  repetat 3 times
</ng-container>

可能吗？

标签： angular

Answer 1

这是一种方法，使用字符串。初始字符串'x'重复所需的次数。然后通过在每个字符上拆分字符串来获得数组。

<ng-container *ngFor="let item of 'x'.repeat(count).split('')">
  ...
</ng-container>

请参阅此 stackblitz以获取演示。