如何在没有角度2的集合的情况下循环[关闭]

Posted 2023-02-22

【中文标题】如何在没有角度2的集合的情况下循环[关闭]

【英文标题】：how to loop with out a collection in angular 2 [closed]

【发布时间】：2017-07-16 05:10:58

【问题描述】：

我有一个数字，我想重复那个次数。

for (var _i = 0; _i < length; _i++)

我想在 html 模板中实现类似这种语法。如果我使用 ngFor，那么我将需要一个集合，但我没有集合，我只有长度。

【问题讨论】：

有无数种方法可以做到这一点。

How to iterate through angular $scope variables with a loop的可能重复

可能与此重复..***.com/q/35405618/6128276

似乎是***.com/questions/36354325/…的副本

【参考方案1】：

您可以在组件中创建一个大小合适的数组并对其进行迭代：

@Component(
  selector: 'app-root',
  template: `
    <ul>
      <li *ngFor="let i of arr">foo</li>
    </ul>
  `
)
export class AppComponent 
  arr = new Array(10);  // let's say 10 is your number

仅供参考，我尝试直接在模板中声明数组，但它不起作用：

<ul>
  <li *ngFor="let i of new Array(10)">foo</li>
</ul>