Angular 2: How to write a for loop, not a foreach loop

后端未结

关注

 9  514

甜味超标 2020-12-05 09:41

Using Angular 2, I want to duplicate a line in a template multiple times. Iterating over an object is easy, *ngFor="let object of objects". However, I

9条回答

-上瘾入骨i (楼主)

2020-12-05 10:09

You could dynamically generate an array of however time you wanted to render
Something

ngFor

index

Markup


   
      {{currentElementIndex}} Something

Code

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

Demo Here

Under the hood angular de-sugared this *ngFor syntax to ng-template version.


    
      {{currentElementIndex}} Something

0 讨论(0)

查看其它9个回答