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

前端之家收集整理的这篇文章主要介绍了角度2:如何编写for循环,而不是foreach循环前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用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

猜你在找的Angularjs相关文章