create loop for, in angular 2 from a template

Question

Is possible, use something like the following in a template of angular2,

for int a = 0; a < numberTest; a++

this numberTest is in code component:

numberTest: number = 5;

and the template, something like this, it is better to illustrate what I mean:

<li *ngFor="#int a = 0; a < numberTest">

I know that could be solved using an array, and iterate for example:

<li *ngFor="#item of items">

but my question is, if possible, create a for, in the template, which take the value condition using a variable component, hope I explain well.

Sasxa · Accepted Answer · 2016-02-18 04:40:03Z

4

Maybe something like this:

<li *ngFor="#int of range(numberTest)">

with a helper function:

let range = (value) => { 
 let a = []; for(let i = 0; i < value; ++i) { a.push(i+1) } return a; }

answered Feb 18, 2016 at 4:33

Sasxa

41.4k17 gold badges90 silver badges102 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

his answer is what I wanted, I understand that it is not possible to use without creating an array

Evan Plaice · Accepted Answer · 2016-02-18 07:26:46Z

3

NgFor includes an index value for exactly this purpose

No function or intermediate state necessary.

<ul *ngFor="#item of items; #i = index">
  <li *ngIf="i < numberTest">{{ item }}</li>
</ul>

Note: This isn't tested so it may require a little tweaking.

answered Feb 18, 2016 at 6:53

Evan Plaice

14.2k6 gold badges78 silver badges95 bronze badges