角度2：如何编写for循环,而不是foreach循环

发布时间：2020-12-17 08:09:34 所属栏目：安全来源：网络整理

导读：使用Angular 2，我想在模板中复制一行多次。迭代对象很容易，* ngFor =“#对象的对象”。但是，我想运行一个简单的循环，而不是foreach循环。 (伪代码)： {for i = 0; i 5; i++} liSomething/li{endfor} 我该怎么做？您可以动态地生成一个数组，但是您希望

使用Angular 2，我想在模板中复制一行多次。迭代对象很容易，* ngFor =“#对象的对象”。但是，我想运行一个简单的循环，而不是foreach循环。 (伪代码)：

{for i = 0; i < 5; i++}
  <li>Something</li>
{endfor}

我该怎么做？

您可以动态地生成一个数组，但是您希望渲染

<ul>
   <li *ngFor="let item of createRange(5); let currentElementIndex=index+1">
      {{currentElementIndex}} Something
   </li>
</ul>

码

createRange(number){
  var items: number[] = [];
  for(var i = 1; i <= number; i++){
     items.push(i);
  }
  return items;
}

Demo Here

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!