通过*ngFor循环定义的次数而不是重复数组？

有没有办法*ngFor循环定义的次数而不是总是迭代数组？

例如,我想要一个重复5次的列表,循环就像在C#中那样;

for (int i = 0; i < 4; i++){

}

期望的结果:

   
1
   
2
   
3
   
4
   
5

Thierry Temp.. 55

在组件中,您可以定义一个数字数组(ES6),如下所述:

export class SampleComponent {
  constructor() {
    this.numbers = Array(5).fill(0).map((x,i)=>i);
  }
}

请参阅此链接以了解数组创建:在JavaScript中从1..20创建整数数组的最常用方法.

然后,您可以使用以下代码迭代此数组ngFor:

@View({
  template: `
    

      
{{number}}
    
  `
})
export class SampleComponent {
  (...)
}

或者很快:

@View({
  template: `
    

      
{{number}}
    
  `
})
export class SampleComponent {
  (...)
}

希望它对你有帮助,蒂埃里

编辑:修复了填充语句和模板语法.

1> Thierry Temp..：

---

在组件中,您可以定义一个数字数组(ES6),如下所述:

export class SampleComponent {
  constructor() {
    this.numbers = Array(5).fill(0).map((x,i)=>i);
  }
}

请参阅此链接以了解数组创建:在JavaScript中从1..20创建整数数组的最常用方法.

然后,您可以使用以下代码迭代此数组ngFor:

@View({
  template: `
    

      
{{number}}
    
  `
})
export class SampleComponent {
  (...)
}

或者很快:

@View({
  template: `
    

      
{{number}}
    
  `
})
export class SampleComponent {
  (...)
}

希望它对你有帮助,蒂埃里

编辑:修复了填充语句和模板语法.

---

这是唯一的解决方案让我伤心.

---

我认为`Array(5).fill()...`缺少一个0.它应该是`Array(5).fill(0)`.来自文档https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/fill